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.

A gradient beam that travels between two elements.

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

Constrains content to a width to height ratio with optional surface frame.

File chip or image thumbnail with type icon, size, upload progress and remove button.

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.

Responsive bento layout of linked feature tiles.

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.

Glowing comet that travels along the border of a rounded container.

Navigation trail with separators, collapsed ellipsis and variant-capable links.

Generic browser window chrome drawn in CSS with a slot for any content.

Chat bubble surface with default, muted, accent and glass variants, optional tail and grouped spacing.

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

Merges adjacent buttons into one segmented control with shared borders.

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.

Tiles on a ring that rotates to the front with drag inertia, keys, click and optional autorotate.

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

Raised header bar over an inset code well with tok-k, tok-s, tok-c and tok-f token classes.

Radix collapsible region with an animated trigger and content for show and hide sections.

A searchable select built from Popover and Command.

Command palette for keyboard-driven actions and search.

Right-click menu with items, checkbox and radio items, submenus and shortcuts.

Raised pill that copies text, announces the result and resets after 1.6 seconds.

Counts a number up on scroll with the active animation engine, jumping to the end value when motion is off.

Numeric badge that compacts overflow values like 99+.

Closing call to action: centered, split with email capture, or boxed with a token glow.

Slides on a rotating 3D ring with buttons, arrow keys, swipe and a pausable autoplay.

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.

Empty state with media, title, description, and action slots.

Accordion based FAQ with two column or centered layout, category tabs and a FAQPage JSON-LD helper.

Icon-framed feature cards in three-up, bento, icon-list and alternating-row layouts.

Accessible form field layout that wires labels, descriptions and errors to a control.

Canvas grid of squares that flicker, with token colors and a static fallback.

Draggable glass panel with depth shadows and optional close button.

Site footer with link groups, brand and newsletter slots, social icons, legal row and theme toggle slot.

AI style call to action with idle, generating and loading states.

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.

Heading whose words melt in through a shared SVG goo filter, or morph between phrases.

Generative mesh gradient background using overlapping radial gradients.

Flowing gradient or shine sweep text, optionally inside a solid or glass pill badge.

SVG grid, stripes and interactive cell patterns with edge fades.

Semantic heading primitive with independent style scaling.

Landing hero with announcement pill, actions, media slot and logo strip in centered, split and stacked layouts.

Hairline cell grid with one shared highlight that glides to the hovered, tapped or focused cell.

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

Text that scrambles through random characters and settles on the real string, on hover, in view or on mount.

Consistent framed surface for icon glyphs and short initials.

Before and after layers split by a draggable, keyboard operable slider handle.

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

An input with inline or block addons such as icons, text and buttons in one shared container.

A one-time-code input with segmented slots, paste and autofill support.

Package manager tabs, a $ prefixed command and a copy button inside a code panel.

Pill button whose accent dot floods the surface on hover, focus or press.

Flexible list row with media, content, actions, header, and footer slots.

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.

Soft swaying rays of light for hero and section backgrounds.

Tokenized anchor primitive with focus ring and variant surfaces.

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

Grayscale-to-color logo strip with a marquee option that respects reduced motion.

Card whose border and surface light up under the pointer or keyboard focus.

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

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

Desktop-style horizontal menu bar with nested menus, checkbox and radio items.

Chat turn layout with roles, avatar, bubble content and an actions toolbar (copy, regenerate, feedback).

Conversation log that sticks to the bottom, shows a jump to latest pill and announces new messages politely.

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.

Cycles through words with a gooey blur and threshold morph, paused off screen and static under reduced motion.

Site navigation with animated content panels, links and a shared viewport.

Card with an animated neon gradient ring and soft glow.

Animated number counter triggered by scroll visibility via IntersectionObserver.

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

Page navigation with previous and next controls, numbered links and ellipsis.

Ambient floating particle system with CSS-only staggered animations.

Floating content panel anchored to a trigger element.

Tier cards with monthly or yearly switch, highlighted plan, check lists and a comparison table layout.

Animated rainbow refraction border using a shifting linear gradient.

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

Edge overlay that blurs content progressively using stacked masked backdrop filters.

Auto-growing chat composer with send and stop, IME-safe Enter handling, attachment slot and character hint.

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

Multi-step form with single and multiple choice option cards, progress and keyboard accessible radio and checkbox semantics.

Mutually exclusive selection control with variant-capable radio items.

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

Scroll-triggered entrance with fade, slide, blur and scale variants, driven by a pluggable animation engine (css, motion or gsap).

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.

Custom-styled scroll container with vertical and horizontal scrollbars that keeps native scrolling.

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.

Animated gradient edge that wraps any rounded container.

Collapsible app sidebar with icon rail, mobile sheet, Ctrl/Cmd+B shortcut, and persisted state.

Loading placeholder surface with reduced-motion fallback.

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

Text with twinkling star sparkles that scale and rotate, with a static accent under reduced motion.

Accessible loading indicator with a reduced-motion pulsing ring fallback.

Text laid out on a rotating circle with an accessible name and pause on hover.

Splits text into characters, words or lines and animates them in with the active animation engine.

Full-page spotlight overlay for onboarding and feature highlighting.

Card with cursor-tracked radial spotlight effect on hover.

Reveals child items one after another with configurable stagger and direction using the active animation engine.

Colored status indicator with optional label and pulse state.

Progressive text reveal with caret and completion callback, instant under reduced motion.

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.

Terminal window with sequenced typing and output, a full transcript and copy.

Social proof as masonry columns, vertical marquee columns or a single featured quote.

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.

Reasoning indicator with animated dots or pulsing text and collapsible reasoning details.

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

A two-state button that can be pressed on or off.

A set of toggles with single or multiple selection and merged segmented borders.

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.