Vibe UI
Initializing Vibe UI System...
Vibe UI

Separator

Visually divides content in layouts horizontally or vertically.

Separator

Visually divides content in layouts horizontally or vertically.

Preview

Vibe UI Core

A clean, high-performance visual component toolkit.

BlogDocsSource

Installation

pnpm dlx vibe-ui-kit@latest add separator

Variants

Retro Line style

Retro divider line:Divider matching Brutalist design styles.

Component Concept

Vibe UI's Separator component divides layout structures visually. It wraps the Radix UI Separator primitive to provide horizontal or vertical borders with full screen-reader semantic alignment.

Contributors

JS
Jenish Sabhadiya

Theme Customizer

8px
@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}
Changes apply instantly to this documentation workspace.
Separator | Vibe UI