C
nolly-studio/cult-ui
agent-suggest-card-stackStack of suggestion cards for AI agent responses
ai-blob-warpCircular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and when reduced motion is preferred
ai-instructionsManage and toggle AI instructions with a popover, search, and create-dialog
analytics-chartVercel-style gradient line chart with floating tooltip cards
animated-badgeDeprecated alias for halo-badge. Prefer npx shadcn add https://cult-ui.com/r/halo-badge.json
animated-buttonDeprecated alias for halo-button. Prefer npx shadcn add https://cult-ui.com/r/halo-button.json
animated-cardDeprecated alias for halo-card. Prefer npx shadcn add https://cult-ui.com/r/halo-card.json
animated-composerDeprecated alias for prompt-composer. Prefer npx shadcn add https://cult-ui.com/r/prompt-composer.json
animated-dropzoneDeprecated alias for halo-dropzone. Prefer npx shadcn add https://cult-ui.com/r/halo-dropzone.json
animated-fieldDeprecated alias for halo-field. Prefer npx shadcn add https://cult-ui.com/r/halo-field.json
animated-inputDeprecated alias for halo-input. Prefer npx shadcn add https://cult-ui.com/r/halo-input.json
animated-notificationDeprecated alias for halo-notification. Prefer npx shadcn add https://cult-ui.com/r/halo-notification.json
animated-numberDeprecated alias for rolling-number. Prefer npx shadcn add https://cult-ui.com/r/rolling-number.json
animated-progressDeprecated alias for halo-progress. Prefer npx shadcn add https://cult-ui.com/r/halo-progress.json
animated-searchDeprecated alias for halo-search. Prefer npx shadcn add https://cult-ui.com/r/halo-search.json
animated-segmentedDeprecated alias for halo-segmented. Prefer npx shadcn add https://cult-ui.com/r/halo-segmented.json
animated-selectDeprecated alias for halo-select. Prefer npx shadcn add https://cult-ui.com/r/halo-select.json
animated-switchDeprecated alias for halo-switch. Prefer npx shadcn add https://cult-ui.com/r/halo-switch.json
animated-tabsDeprecated alias for halo-tabs. Prefer npx shadcn add https://cult-ui.com/r/halo-tabs.json
animated-toastDeprecated alias for halo-toast. Prefer npx shadcn add https://cult-ui.com/r/halo-toast.json
animated-toggle-groupDeprecated alias for halo-toggle-group. Prefer npx shadcn add https://cult-ui.com/r/halo-toggle-group.json
apple-iphone-17-proiPhone-style device frame with Dynamic Island, status bar, and configurable frame colors
apple-keyboardCompact Apple-style keyboard with labeled keys and media row
apple-pro-display-xdrStudio Display–style aluminum frame, screen modes, and interactive macOS dock
apple-watch-ultraWatch Ultra–style case, complications, crown, and action button
base-selectBase UI select primitives used by Halo Select
base-tooltipBase UI tooltip primitives used by Apple Pro Display XDR
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
border-beam-buttonShadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants
border-beam-cardborder-beam around compound Card API with balanced title and description
border-beam-inputborder-beam on Base UI input and input-group primitives with line or full border glow
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
circuit-boardAnimated SVG circuit illustration with glowing traces and a central chip, for hero or product sections
code-blockA beautiful code block component with tabs, copy functionality, and smooth animations
collab-avatarCollaboration avatar with initials and color
collab-toolbarToolbar component for collaborative editing UI
color-pickerInteractive color picker component with HSL support and preset colors
copy-buttonButton that copies content to clipboard with feedback
cosmic-buttonAnimated button/link with cosmic gradient border effect, renders as anchor or button
cutout-cardImage card with cutout corners, hover motion, inset labels, pins, and reveal actions
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
dither-imageCompound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props
dockmacOS-style dock component with hover effects and smooth animations
dynamic-islandiOS-style dynamic island component with expandable content and smooth animations
edge-blurStacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges
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
feature-pollFeature poll component with single or multiple selection, optional results, and keyboard navigation
feature-sticky-sectionSticky section with controllable panels and scroll behavior
feature-votingList of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state
file-iconsIcon set for file types and languages
floating-panelFloating panel component with backdrop blur and position-aware animations
fluid-ai-workloadsFluid visualization for AI workload states
fluted-glassPaper Design fluted-glass image shader with sensible defaults — ribbed, streaked distortions over a source image
folded-cardCard with folded corner clip-path accent
gateway-endpoint-illustrationIllustration for gateway endpoint concepts
gateway-route-illustrationIllustration for gateway routing
gateway-svg-illustrationSVG illustration for gateway overhead
globeCOBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware styling
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
grid-beamCanvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam
halo-badgeBadge with optional layout animation, live status dot, and gradient rim aligned with Halo Button / Card
halo-buttonPrimary action button with animated gradient rim, frosted fill, staggered label, and loading spinner
halo-cardComposable card with animated gradient rim, frosted fill, layered shadow, and Base UI button actions
halo-dropzoneFile dropzone with animated rim, frosted fill, moving border trail, and file-type glyphs
halo-fieldForm field layout (label, description, error) for HaloInput and HaloTextarea
halo-inputSingle-line and multiline inputs with frosted fill and gradient rim for generic forms
halo-notificationPolished notification surface for local AnimatePresence use with rim variants and glyph stagger
halo-progressProgress bar with spring-driven determinate fill and indeterminate gradient strip
halo-searchSearch input with animated gradient border, staggered placeholder, blur deletion on clear, loading line, and Warp shader avatar
halo-segmentedSegmented control with frosted track, gradient rim, and spring sliding thumb
halo-selectComposable animated select with gradient rim, frosted fill, and staggered label
halo-switchToggle switch with spring thumb, frosted track, and extended touch hit area
halo-tabsBase UI tabs with gradient indicator: underline or pill variant aligned with Halo Card rim colors
halo-toastSonner-backed polished toasts with rim variants; mount PolishedToaster once in the root layout
halo-toggle-groupSegmented single-select control with frosted track, gradient rim, and spring-driven sliding thumb (aligned with Halo Button)
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
illustration-card-gridGrid of cards with gateway illustrations
illustration-comment-bubbleComment bubble illustration for code or chat UI
illustration-cursorCursor illustration and demo for collaboration UI
illustration-fluid-renderingFluid rendering illustration
illustration-globe-vercelGlobe deployment illustration
illustration-graphGraph illustration component
intro-disclosureIntro disclosure component with expandable content and smooth animations
kanban-boardKanban board with drag-and-drop columns and cards
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
mac-screenClassic Mac frame with an image or GIF composited into the CRT
marketing-feature-codeMarketing section for code or network policy features
marketing-hero-analyticsAnalytics hero section for marketing pages
merging-bubblesMerging bubbles visualization
metal-buttonShadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants
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
organic-buttonAnchor-based CTA with fixed SVG end caps, shared surface colors via CSS variables, and size and animation variants
organic-cardComposable marketing card with optional link root, image slot, eyebrow/title/body, accent band, and footer CTA
organic-card-smallCompact card with SVG silhouette, category and date, motion morph on hover, and optional link
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-composerMultiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome
prompt-libraryBrowse, insert, and manage prompt templates with categories and custom prompts
rolling-numberNumber component with smooth counting animations and customizable formatting
security-checkpointSecurity checkpoint illustration or component
shader-lens-blurWebGL shader component with lens blur effects and mouse interaction
shadow-cardComposable marketing card with L-shaped extrusion, optional pixel gradient mesh, and Radix Slot on the root
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
speech-bubbleSpeech bubble component
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
svg-bandsWide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames
svg-shapesWide-aspect SVG shape and panel components for backgrounds and hero decorations
svg-shapes-animatedScroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion
tabs-illustration-vercelTabs with Vercel-style illustrations
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
wizard-expandableExpandable multi-step wizard with optional forward validation, scrollable step rail, and Motion height transitions
youtube-video-playerYouTube video player component with custom controls and smooth animations