Directory

Expandable content sections with smooth disclosure behavior.

Contextual feedback message with default, glass, outline, and ghost variants.

Destructive action confirmation dialog with explicit cancel and action controls.

Animated color-shifting gradient background with warm, cool, aurora, and glass presets.

Animated gradient mesh backdrop with floating blurred blobs.

Profile image with SVG-ready sources, fallback rendering, and multiple glass-aware surface variants.

Compact status indicator for labels, states, and counts.

Scroll-triggered entrance animation with blur, fade, and slide transitions.

Cursor-following ambient glow effect for background layers.

Light beam that travels along the border of its container via CSS offset-path.

Action control with default, glass, liquid, matte, glow, outline, and ghost variants.

Flexible surface container for grouped content.

Radix checkbox with glass, liquid, matte, and outline surface variants.

Compact pill-style tag for statuses and lightweight metadata.

Text with chromatic aberration effect — RGB channel splitting.

Inline code element for commands, snippets, and tokenized literals.

Command palette for keyboard-driven actions and search.

Numeric badge that compacts overflow values like 99+.

Feature-rich table wrapper with search, sorting, pagination, selection, and column controls.

Parallax tilt card with layered glass planes and glare effect on hover.

Static SVG dot grid background with configurable size, gap, and theme colors.

Action menu anchored to a trigger with keyboard navigation.

Draggable glass panel with depth shadows and optional close button.

Pill-style breadcrumb with glass indicators and collapsible items.

Frosted card with depth-aware blur, refraction edge highlights, and elevation transitions.

macOS-style dock with proximity magnification and frosted glass surface.

Translucent navigation bar that responds to scroll with blur intensity.

Toggle switch with liquid fill animation and frosted glass surface.

Rotating conic-gradient glow effect around container border.

Generative mesh gradient background using overlapping radial gradients.

Semantic heading primitive with independent style scaling.

Preview card that appears on hover or focus with configurable delays and placement.

Consistent framed surface for icon glyphs and short initials.

Single-line input with glass, liquid, matte, and utility variants.

Keyboard keycap primitive for shortcuts and key hints.

Form label primitive with shared glass-aware variants.

Simulated lens flare and light leak overlay with drifting animation.

Tokenized anchor primitive with focus ring and variant surfaces.

Button with fluid hover lift, press squish, and radial shine effect.

Call-to-action button with subtle cursor-attraction on hover.

Infinite horizontal or vertical scrolling content with pause-on-hover support.

Falling diagonal streaks with staggered delays for hero backgrounds.

Layered dialog for focused tasks or confirmations.

Tab component with a smoothly sliding indicator that morphs between items.

Animated number counter triggered by scroll visibility via IntersectionObserver.

CSS-driven orbital animation that keeps children upright via double-rotate.

Ambient floating particle system with CSS-only staggered animations.

Floating content panel anchored to a trigger element.

Animated rainbow refraction border using a shifting linear gradient.

Determinate linear and circular progress indicators with tokenized variants and sizing.

Button with a pulsing glow ring animation for attention-grabbing CTAs.

Mutually exclusive selection control with variant-capable radio items.

CSS perspective grid with scrolling lines for retro-futuristic backgrounds.

Text that reveals through a clip-path wipe animation triggered on view.

Concentric expanding rings radiating from center for decorative backgrounds.

Button with liquid ripple effect on press.

Native select with glass, liquid, matte, and utility variants.

Visual divider for grouping content with orientation support.

Sliding panel for side, top, or bottom contextual workflows.

Button with animated shimmer sweep overlay and glass-aware variants.

Loading placeholder surface with reduced-motion fallback.

Range input control built on Radix slider primitive with glass thumb/track styling.

Full-page spotlight overlay for onboarding and feature highlighting.

Card with cursor-tracked radial spotlight effect on hover.

Colored status indicator with optional label and pulse state.

On/off control built on Radix switch primitive.

Composable data table with semantic sections and glass variant support.

Tabbed interface for switching between grouped content panels.

Body text primitive for default, muted, and glass-highlighted copy.

Word-by-word opacity reveal driven by scroll position.

Multi-line input with glass, liquid, matte, and utility variants.

Glassmorphic toast notifications powered by Sonner with success, error, warning, info, loading, promise, and action support.

Context hint on hover/focus using Radix tooltip primitive.

Hierarchical tree view for file structures, navigation, and nested data.

Character-by-character typing animation with blinking cursor and loop support.

Cycling text animation that rotates through an array of words.