ActiveFeaturedAnimated componentspro available6,767
@cult-ui
Animated components · MIT · data updated 2026-10-27
A curated, shadcn-compatible open-source library with 60+ tastefully animated components (direction-aware tabs, dynamic island, family button/drawer, dock, distorted glass, dither effects, canvas fractal grid, color picker, code block, lightboard, and more) and 92+ full-stack AI agent UI patterns covering streaming chat, evaluator-optimizer, orchestrator, and routing patterns. Framer Motion-driven animations. Also offers Cult Pro (premium blocks) and 6 starter templates (Next.js + Supabase/Better Auth/Stripe). Free core; freemium for Pro/templates. Use for: adding carefully crafted animated primitives or full AI-chat UI patterns to a Next.js project.
3daestheticaianimationaudioauthbackgroundsblocksbuttonscardschartsdesign-systemdeveloper-toolsformsglassmorphismhooksiconsloadersmapsmarketingmedianavigationonboardingoverlayspaymentspro-availableretrotablestext-effects
Install
npx shadcn@latest add https://cult-ui.com/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues16
ArchivedNo
Stars6,767
Components (307)
text-animatecosmic-buttontexture-buttontexture-cardtimershift-cardminimal-cardcutout-carddynamic-islanddirection-aware-tabsbg-animate-buttonborder-beam-buttonfamily-buttonside-panelbg-mediathree-d-carouseltweet-gridgradient-headingtypewriterrolling-numbersortable-listdocklightboardcanvas-fractal-gridbg-animated-fractal-dot-gridbg-animated-gradientbg-image-texturepopoverfloating-panelcolor-pickershader-lens-bluredge-blurdither-imagepopover-formexpandablelogo-carouselloading-carouselhover-video-playerneumorph-eyebrowneumorph-buttonfeature-carouselchoice-pollfeature-pollfeature-votingvote-tallypoll-widgetprompt-libraryai-instructionsintro-disclosuretext-gifstripe-bg-guidessvg-shapessvg-shapes-animatedsvg-bandsgrid-beamyoutube-video-playertoolbar-expandabletexture-overlaysquiggle-arrowcode-block
Components: text-animate, cosmic-button, texture-button, texture-card, timer, shift-card, minimal-card, cutout-card, dynamic-island, direction-aware-tabs, bg-animate-button, border-beam-button, family-button, side-panel, bg-media, three-d-carousel, tweet-grid, gradient-heading, typewriter, rolling-number, sortable-list, dock, lightboard, canvas-fractal-grid, bg-animated-fractal-dot-grid, bg-animated-gradient, bg-image-texture, popover, floating-panel, color-picker, shader-lens-blur, edge-blur, dither-image, popover-form, expandable, logo-carousel, loading-carousel, hover-video-player, neumorph-eyebrow, neumorph-button, feature-carousel, choice-poll, feature-poll, feature-voting, vote-tally, poll-widget, prompt-library, ai-instructions, intro-disclosure, text-gif, stripe-bg-guides, svg-shapes, svg-shapes-animated, svg-bands, grid-beam, youtube-video-player, toolbar-expandable, texture-overlay, squiggle-arrow, code-block, mock-browser-window, metal-button, morph-surface, distorted-glass, family-drawer, expandable-screen, pixel-heading-character, pixel-heading-word, pixel-paragraph-words-inverse, pixel-paragraph-words, onboarding, gradient-button-group, terminal-animation, hero-dithering, hero-color-panel, hero-static-radial-gradient, hero-heatmap, hero-liquid-metal, base-select, base-tooltip, gateway-endpoint-illustration, gateway-route-illustration, gateway-svg-illustration, illustration-card-grid, illustration-cursor, illustration-comment-bubble, illustration-fluid-rendering, illustration-globe-vercel, illustration-graph, tabs-illustration-vercel, circuit-board, fluid-ai-workloads, security-checkpoint, merging-bubbles, ai-blob-warp, folded-card, shadow-card, organic-card, organic-card-small, organic-button, fluted-glass, speech-bubble, apple-iphone-17-pro, apple-keyboard, apple-watch-ultra, mac-screen, apple-pro-display-xdr, marketing-hero-analytics, marketing-feature-code, feature-sticky-section, analytics-chart, kanban-board, agent-suggest-card-stack, collab-avatar, collab-toolbar, halo-dropzone, halo-search, globe, file-icons, halo-button, copy-button, halo-card, border-beam-card, halo-tabs, halo-segmented, halo-toggle-group, halo-notification, halo-toast, halo-switch, halo-input, halo-field, halo-progress, border-beam-input, halo-badge, halo-select, prompt-composer, wizard-expandable, animated-badge, animated-button, animated-card, animated-composer, animated-dropzone, animated-field, animated-input, animated-notification, animated-number, animated-progress, animated-search, animated-segmented, animated-select, animated-switch, animated-tabs, animated-toast, animated-toggle-group, text-animate-demo, cosmic-button-demo, texture-button-demo, texture-card-demo, timer-demo, shift-card-demo, minimal-card-demo, cutout-card-demo, dynamic-island-demo, direction-aware-tabs-demo, bg-animate-button-demo, border-beam-button-demo, family-button-demo, side-panel-demo, bg-media-demo, bg-image-texture-demo, three-d-carousel-demo, tweet-grid-demo, gradient-heading-demo, typewriter-demo, rolling-number-demo, sortable-list-demo, dock-demo, lightboard-demo, canvas-fractal-grid-demo, bg-animated-fractal-dot-grid-demo, bg-animated-gradient-demo, popover-demo, floating-panel-demo, color-picker-demo, shader-lens-blur-demo, edge-blur-demo, dither-image-demo, dither-image-demo-upload, popover-form-demo, expandable-demo, logo-carousel-demo, loading-carousel-demo, hover-video-player-demo, neumorph-eyebrow-demo, neumorph-button-demo, feature-carousel-demo, choice-poll-demo, feature-poll-demo, feature-voting-demo, vote-tally-demo, poll-widget-demo, prompt-library-demo, ai-instructions-demo, intro-disclosure-demo, text-gif-demo, stripe-bg-guides-demo, svg-shapes-demo, svg-shapes-animated-demo, svg-bands-demo, grid-beam-demo, youtube-video-player-demo, toolbar-expandable-demo, texture-overlay-demo, squiggle-arrow-demo, code-block-demo, metal-button-demo, mock-browser-window-demo, morph-surface-demo, distorted-glass-demo, family-drawer-demo, expandable-screen-demo, pixel-heading-character-demo, pixel-heading-word-demo, pixel-paragraph-words-inverse-demo, pixel-paragraph-words-demo, onboarding-demo, gradient-button-group-demo, terminal-animation-demo, hero-dithering-demo, hero-color-panels-demo, hero-static-radial-gradient-demo, hero-heatmap-demo, hero-liquid-metal-demo, gateway-endpoint-illustration-demo, gateway-route-illustration-demo, gateway-svg-illustration-demo, illustration-card-grid-demo, illustration-cursor-demo, illustration-comment-bubble-demo, illustration-fluid-rendering-demo, illustration-globe-vercel-demo, illustration-graph-demo, tabs-illustration-vercel-demo, circuit-board-demo, fluid-ai-workloads-demo, security-checkpoint-demo, merging-bubbles-demo, ai-blob-warp-demo, folded-card-demo, shadow-card-demo, organic-card-demo, organic-card-small-demo, organic-button-demo, fluted-glass-demo, speech-bubble-demo, apple-iphone-17-pro-demo, apple-keyboard-demo, apple-watch-ultra-demo, mac-screen-demo, apple-pro-display-xdr-demo, marketing-hero-analytics-demo, marketing-feature-code-demo, feature-sticky-section-demo, analytics-chart-demo, kanban-board-demo, agent-suggest-card-stack-demo, collab-avatar-demo, collab-toolbar-demo, halo-dropzone-demo, halo-search-demo, globe-demo, file-icons-demo, halo-button-demo, copy-button-demo, halo-card-demo, border-beam-card-demo, halo-tabs-demo, halo-segmented-demo, halo-toggle-group-demo, halo-notification-demo, halo-toast-demo, halo-switch-demo, halo-input-demo, halo-field-demo, halo-progress-demo, border-beam-input-demo, halo-badge-demo, halo-select-demo, prompt-composer-demo, wizard-expandable-demo, animated-badge-demo, animated-button-demo, animated-card-demo, animated-composer-demo, animated-dropzone-demo, animated-field-demo, animated-input-demo, animated-notification-demo, animated-number-demo, animated-progress-demo, animated-search-demo, animated-segmented-demo, animated-select-demo, animated-switch-demo, animated-tabs-demo, animated-toast-demo, animated-toggle-group-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.