N
nolly-studio
/
cult-ui
/
ui
Files
Code
Info
ai-instructions
Manage and toggle AI instructions with a popover, search, and create-dialog
animated-number
Number component with smooth counting animations and customizable formatting
bg-animate-button
Button component with animated background effects and gradient transitions
bg-animated-fractal-dot-grid
Background animated fractal dot grid with performance optimization and responsive design
bg-animated-gradient
Animated gradient background component with customizable color transitions
bg-image-texture
Background texture component with multiple texture variants and customizable opacity
bg-media
Background media component with video/image support and overlay effects
canvas-fractal-grid
Interactive canvas-based fractal dot grid with mouse tracking and wave effects
choice-poll
Poll component with single or multiple selection, optional results, and keyboard navigation
code-block
A beautiful code block component with tabs, copy functionality, and smooth animations
color-picker
Interactive color picker component with HSL support and preset colors
cosmic-button
Animated button/link with cosmic gradient border effect, renders as anchor or button
direction-aware-tabs
Tab component with direction-aware animations and smooth transitions
distorted-glass
A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections
dock
macOS-style dock component with hover effects and smooth animations
dynamic-island
iOS-style dynamic island component with expandable content and smooth animations
expandable
Expandable component system with smooth animations and customizable presets
expandable-screen
A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions
family-button
Button component with family-style design and interactive hover effects
family-drawer
A multi-view drawer component with smooth animations, view navigation, and customizable content views
feature-carousel
Feature carousel component with smooth transitions and customizable layouts
floating-panel
Floating panel component with backdrop blur and position-aware animations
gradient-button-group
Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay
gradient-heading
Heading component with gradient text effects and customizable styling
hero-color-panel
Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges
hero-dithering
Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges
hero-heatmap
Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges
hero-liquid-metal
Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges
hero-static-radial-gradient
Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges
hover-video-player
Video player component that plays on hover with smooth animations
intro-disclosure
Intro disclosure component with expandable content and smooth animations
lightboard
Interactive lightboard component with customizable grid and lighting effects
loading-carousel
Loading carousel component with smooth transitions and customizable content
logo-carousel
Animated logo carousel with staggered animations and customizable columns
minimal-card
Clean and minimal card component with subtle styling and hover effects
mock-browser-window
A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes
morph-surface
A morphing surface component with smooth animations, customizable dimensions, and configurable content
neumorph-button
Neumorphic button component with soft shadows and tactile interaction effects
neumorph-eyebrow
Neumorphic eyebrow component with soft shadow effects and modern styling
onboarding
Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills variants
pixel-heading-character
Per-character pixel-font heading with four animation modes using Geist pixel fonts
pixel-heading-word
Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts
pixel-paragraph-words
Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover
pixel-paragraph-words-inverse
Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle
poll-widget
Poll widget with inline, popover, and dialog modes, optional results, and animations
popover
Animated popover component with form support and smooth transitions
popover-form
Form popover component with success states and animated transitions
prompt-library
Browse, insert, and manage prompt templates with categories and custom prompts
shader-lens-blur
WebGL shader component with lens blur effects and mouse interaction
shift-card
Card component with shift animation effects and hover interactions
side-panel
Sliding side panel component with customizable positioning and animations
sortable-list
Drag-and-drop sortable list component with smooth animations and reordering
squiggle-arrow
A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes
stripe-bg-guides
Stripe-style background guides component with animated patterns and effects
terminal-animation
Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering
text-animate
Animated text component with customizable reveal effects and timing
text-gif
Text component with GIF-like animation effects and customizable styling
texture-button
Button component with texture overlay effects and customizable variants
texture-card
Card component with texture background and customizable styling options
texture-overlay
Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds
three-d-carousel
3D carousel component with perspective effects and smooth item transitions
timer
Countdown timer component with customizable duration and visual styles
toolbar-expandable
Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling
tweet-grid
Grid layout component for displaying tweet-like content cards
typewriter
Typewriter effect component with customizable typing speed and cursor animation
vote-tally
List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state
youtube-video-player
YouTube video player component with custom controls and smooth animations
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
ai-instructions
Manage and toggle AI instructions with a popover, search, and create-dialog
animated-number
Number component with smooth counting animations and customizable formatting
bg-animate-button
Button component with animated background effects and gradient transitions
bg-animated-fractal-dot-grid
Background animated fractal dot grid with performance optimization and responsive design
bg-animated-gradient
Animated gradient background component with customizable color transitions
bg-image-texture
Background texture component with multiple texture variants and customizable opacity
bg-media
Background media component with video/image support and overlay effects
canvas-fractal-grid
Interactive canvas-based fractal dot grid with mouse tracking and wave effects
choice-poll
Poll component with single or multiple selection, optional results, and keyboard navigation
code-block
A beautiful code block component with tabs, copy functionality, and smooth animations
color-picker
Interactive color picker component with HSL support and preset colors
cosmic-button
Animated button/link with cosmic gradient border effect, renders as anchor or button
direction-aware-tabs
Tab component with direction-aware animations and smooth transitions
distorted-glass
A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections
dock
macOS-style dock component with hover effects and smooth animations
dynamic-island
iOS-style dynamic island component with expandable content and smooth animations
expandable
Expandable component system with smooth animations and customizable presets
expandable-screen
A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions
family-button
Button component with family-style design and interactive hover effects
family-drawer
A multi-view drawer component with smooth animations, view navigation, and customizable content views
feature-carousel
Feature carousel component with smooth transitions and customizable layouts
floating-panel
Floating panel component with backdrop blur and position-aware animations
gradient-button-group
Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay
gradient-heading
Heading component with gradient text effects and customizable styling
hero-color-panel
Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges
hero-dithering
Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges
hero-heatmap
Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges
hero-liquid-metal
Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges
hero-static-radial-gradient
Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges
hover-video-player
Video player component that plays on hover with smooth animations
intro-disclosure
Intro disclosure component with expandable content and smooth animations
lightboard
Interactive lightboard component with customizable grid and lighting effects
loading-carousel
Loading carousel component with smooth transitions and customizable content
logo-carousel
Animated logo carousel with staggered animations and customizable columns
minimal-card
Clean and minimal card component with subtle styling and hover effects
mock-browser-window
A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes
morph-surface
A morphing surface component with smooth animations, customizable dimensions, and configurable content
neumorph-button
Neumorphic button component with soft shadows and tactile interaction effects
neumorph-eyebrow
Neumorphic eyebrow component with soft shadow effects and modern styling
onboarding
Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator with dots and pills variants
pixel-heading-character
Per-character pixel-font heading with four animation modes using Geist pixel fonts
pixel-heading-word
Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts
pixel-paragraph-words
Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover
pixel-paragraph-words-inverse
Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle
poll-widget
Poll widget with inline, popover, and dialog modes, optional results, and animations
popover
Animated popover component with form support and smooth transitions
popover-form
Form popover component with success states and animated transitions
prompt-library
Browse, insert, and manage prompt templates with categories and custom prompts
shader-lens-blur
WebGL shader component with lens blur effects and mouse interaction
shift-card
Card component with shift animation effects and hover interactions
side-panel
Sliding side panel component with customizable positioning and animations
sortable-list
Drag-and-drop sortable list component with smooth animations and reordering
squiggle-arrow
A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes
stripe-bg-guides
Stripe-style background guides component with animated patterns and effects
terminal-animation
Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering
text-animate
Animated text component with customizable reveal effects and timing
text-gif
Text component with GIF-like animation effects and customizable styling
texture-button
Button component with texture overlay effects and customizable variants
texture-card
Card component with texture background and customizable styling options
texture-overlay
Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds
three-d-carousel
3D carousel component with perspective effects and smooth item transitions
timer
Countdown timer component with customizable duration and visual styles
toolbar-expandable
Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling
tweet-grid
Grid layout component for displaying tweet-like content cards
typewriter
Typewriter effect component with customizable typing speed and cursor animation
vote-tally
List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state
youtube-video-player
YouTube video player component with custom controls and smooth animations
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information