ai-instructionsManage and toggle AI instructions with a popover, search, and create-dialog
animated-numberNumber component with smooth counting animations and customizable formatting
bg-animate-buttonButton component with animated background effects and gradient transitions
bg-animated-fractal-dot-gridBackground animated fractal dot grid with performance optimization and responsive design
bg-animated-gradientAnimated gradient background component with customizable color transitions
bg-image-textureBackground texture component with multiple texture variants and customizable opacity
bg-mediaBackground media component with video/image support and overlay effects
canvas-fractal-gridInteractive canvas-based fractal dot grid with mouse tracking and wave effects
choice-pollPoll component with single or multiple selection, optional results, and keyboard navigation
code-blockA beautiful code block component with tabs, copy functionality, and smooth animations
color-pickerInteractive color picker component with HSL support and preset colors
cosmic-buttonAnimated button/link with cosmic gradient border effect, renders as anchor or button
direction-aware-tabsTab component with direction-aware animations and smooth transitions
distorted-glassA glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections
dockmacOS-style dock component with hover effects and smooth animations
dynamic-islandiOS-style dynamic island component with expandable content and smooth animations
expandableExpandable component system with smooth animations and customizable presets
expandable-screenA full-screen expandable component with morphing animations using shared layout IDs for smooth transitions
family-buttonButton component with family-style design and interactive hover effects
family-drawerA multi-view drawer component with smooth animations, view navigation, and customizable content views
feature-carouselFeature carousel component with smooth transitions and customizable layouts
floating-panelFloating panel component with backdrop blur and position-aware animations
gradient-button-groupPremium layered button group with animated active state, gradient ring accents, and theme toggle underlay
gradient-headingHeading component with gradient text effects and customizable styling
hero-color-panelSplit-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges
hero-ditheringSplit-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges
hero-heatmapSplit-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges
hero-liquid-metalSplit-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges
hero-static-radial-gradientSplit-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges
hover-video-playerVideo player component that plays on hover with smooth animations
intro-disclosureIntro disclosure component with expandable content and smooth animations
lightboardInteractive lightboard component with customizable grid and lighting effects
loading-carouselLoading carousel component with smooth transitions and customizable content
logo-carouselAnimated logo carousel with staggered animations and customizable columns
minimal-cardClean and minimal card component with subtle styling and hover effects
mock-browser-windowA customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes
morph-surfaceA morphing surface component with smooth animations, customizable dimensions, and configurable content
neumorph-buttonNeumorphic button component with soft shadows and tactile interaction effects
neumorph-eyebrowNeumorphic eyebrow component with soft shadow effects and modern styling
onboardingComposable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills variants
pixel-heading-characterPer-character pixel-font heading with four animation modes using Geist pixel fonts
pixel-heading-wordWhole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts
pixel-paragraph-wordsParagraph where specific words render in an interactive pixel font that swaps or cycles on hover
pixel-paragraph-words-inverseParagraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle
poll-widgetPoll widget with inline, popover, and dialog modes, optional results, and animations
popoverAnimated popover component with form support and smooth transitions
popover-formForm popover component with success states and animated transitions
prompt-libraryBrowse, insert, and manage prompt templates with categories and custom prompts
shader-lens-blurWebGL shader component with lens blur effects and mouse interaction
shift-cardCard component with shift animation effects and hover interactions
side-panelSliding side panel component with customizable positioning and animations
sortable-listDrag-and-drop sortable list component with smooth animations and reordering
squiggle-arrowA playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes
stripe-bg-guidesStripe-style background guides component with animated patterns and effects
terminal-animationComposable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering
text-animateAnimated text component with customizable reveal effects and timing
text-gifText component with GIF-like animation effects and customizable styling
texture-buttonButton component with texture overlay effects and customizable variants
texture-cardCard component with texture background and customizable styling options
texture-overlayTexture overlay component with various CSS gradient patterns for adding visual texture to backgrounds
three-d-carousel3D carousel component with perspective effects and smooth item transitions
timerCountdown timer component with customizable duration and visual styles
toolbar-expandableExpandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling
tweet-gridGrid layout component for displaying tweet-like content cards
typewriterTypewriter effect component with customizable typing speed and cursor animation
vote-tallyList of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state
youtube-video-playerYouTube video player component with custom controls and smooth animations