Vibe UI
Initializing Vibe UI System...
Vibe UI

Marker

A flexible element for highlighted section labels, contextual markers, alerts, and inline horizontal separator headers.

Marker

A flexible element for highlighted section labels, contextual markers, alerts, and inline horizontal separator headers.

Preview: Basic Marker

Important system notification regarding scheduled downtime.

Installation

pnpm dlx vibe-ui-kit@latest add marker

Examples

Section Separator

Today
Messages received earlier today will appear here.
Yesterday

Underlined Section Border

Updates & Activity

Configure how notifications, alerts, and mentions are handled in your workspaces.

Visual Presets

Default
Standard system notification with clean border styling.
Glassmorphism
Glassmorphic backdrop styling for immersive hero UI segments.
Retro Brutalist
Retro high-contrast flat layout styling with dark shadows.
Neon Glow
Vibrant ambient glowing shadow effect tailored for dark modes.
Cyberpunk Terminal
Initializing quantum secure connection protocols...

Contributors

JS
Jenish Sabhadiya

Theme Customizer

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