Components
Browse all 477+ components with live previews. Click any component to view documentation and installation instructions.
477 components
Layouts (43)
Action Bar
Action Bar
Animated Popover
Animated Popover
Announcement
Announcement
Bento Grid
Bento Grid
Border Glide
Border Glide
Chroma Grid
Chroma Grid
Counter
Counter
Deck
Deck
Dynamic Island
Dynamic Island
Expandable
Expandable
Expandable Screen
Expandable Screen
Family Drawer
Family Drawer
Flipstack
Flipstack
Floating Panel
Floating Panel
Fluid Glass
Fluid Glass
Flying Posters
Flying Posters
Folder
Folder
Glass Icons
Glass Icons
Heroui
Heroui
Infinite Canvas
Infinite Canvas
Lamphome
Lamphome
Lanyard
Lanyard
Layer Stack
Layer Stack
Marquee
Marquee
Masonry
Masonry
Model Viewer
Model Viewer
Onboarding
Onboarding
Scroll Areapro
Scroll Areapro
Scroll Stack
Scroll Stack
Seperatorpro
Seperatorpro
Shape Hero
Shape Hero
Showcase
Showcase
Side Panel
Side Panel
Smooth Drawer
Smooth Drawer
Sortable List
Sortable List
Splitter
Splitter
Stack
Stack
Stepper
Stepper
Terminal
Terminal
Timeline
Timeline
Toolbar
Toolbar
Toolbar Expandable
Toolbar Expandable
Tweet Grid
Tweet Grid
Inputs (23)
Action Search Bar
Action Search Bar
Ai Input Search
Ai Input Search
Ai Instructions
Ai Instructions
Ai Prompt
Ai Prompt
Angle Slider
Angle Slider
Animated Checkbox
Animated Checkbox
Avatar Picker
Avatar Picker
Choice Poll
Choice Poll
Color Picker
Color Picker
Color Selector
Color Selector
Currency Transfer
Currency Transfer
Dropzone Upload
File Upload
Exploding Input
Exploding Input
File Upload
File Upload
Interactive Input
Interactive Input
Label Input
Label Input
Loginform
Loginform
Placeholders And Vanish Input
Placeholders And Vanish Input
Poll Widget
Poll Widget
Profile Dropdown
Profile Dropdown
Prompt Library
Prompt Library
Team Selector
Team Selector
Vote Tally
Vote Tally
Animations (68)
Ai Loading
Ai Loading
Ai Text Loading
Ai Text Loading
Ai Voice
AI Voice
Animated Beam
Animated Beam
Animated Button
Animated Button
Animated Circular Progress Bar
Animated Circular Progress Bar
Animated Content
Animated Content
Animated Gradient With Svg
Animated Gradient With Svg
Animated List
Animated List
Animated Theme Toggler
Animated Theme Toggler
Antigravity
Antigravity
Bars Spinner
Bars Spinner
Blur Fade
Blur Fade
Border Beam
Border Beam
Circling Elements
Circling Elements
Cli Loaders
Cli Loaders
Click Spark
Click Spark
Confetti
Confetti
Cool Mode
Cool Mode
Cubes
Cubes
Distorted Glass
Distorted Glass
Drag Elements
Drag Elements
Electric Border
Electric Border
Element Along Svg Path
Element Along Svg Path
Expandable
Expandable
Fade Content
Fade Content
Feature Carousel
Feature Carousel
Flipflow
Flipflow
Float
Float
Glare Hover
Glare Hover
Glass Ripple
Glass Ripple
Gradual Blur
Gradual Blur
Hero Video Dialog
Hero Video Dialog
Icon Cloud
Icon Cloud
Image Trail
Image Trail
Laser Flow
Laser Flow
Lightboard
Lightboard
Loader
Loader
Loading Carousel
Loading Carousel
Logo Loop
Logo Loop
Magnet
Magnet
Magnet Lines
Magnet Lines
Marquee Along Svg Path
Marquee Along Svg Path
Media Between Text
Media Between Text
Meta Balls
Meta Balls
Metallic Paint
Metallic Paint
Meteors
Meteors
Morph Surface
Morph Surface
Noise
Noise
Orbit Images
Orbit Images
Orbit Loader
Loader
Orbiting Circles
Orbiting Circles
Particles
Particles
Pixel Image
Pixel Image
Pixel Trail
Pixel Trail
Pixel Transition
Pixel Transition
Ribbons
Ribbons
Screensaver
Screensaver
Scroll Progress
Scroll Progress
Shader Lens Blur
Shader Lens Blur
Shape Blur
Shape Blur
Shine Border
Shine Border
Social Orbit
Social Orbit
Spinner
Spinner
Star Border
Star Border
Sticker Peel
Sticker Peel
Transition
Transition
Type Writer
Typewriter
Special (67)
Android
Android
Animated Modal
Animated Modal
Art Studio
Art Studio
Art Studio Ascii
ASCII Art
Art Studio Blocks
Blocks
Art Studio Dither
Dither
Art Studio Gradients
Gradients
Art Studio Lines
Lines
Art Studio Organic
Organic
Art Studio Plotter
Plotter
Art Studio Topo
Topo
Avatar Circles
Avatar Circles
Avatar Group
Avatar Group
Avatar Stack
Avatar Stack
Background Studio
Background Studio
Badge
Badge
Banner
Banner
Client Tweet Card
Client Tweet Card
Code Block
Code Block
Code Comparison
Code Comparison
Comparison
Comparison
Contribution Graph
Contribution Graph
Css 3d Box
Css 3d Box
Dither Studio
Dither Studio
Dotted Map
Dotted Map
Dropzone
Dropzone
Elastic Line
Elastic Line
File Tree
File Tree
Globe
Globe
Gooey Svg Filter
Gooey Svg Filter
Gravity
Gravity
Hover Video Player
Hover Video Player
Image Zoom
Image Zoom
Intro Disclosure
Intro Disclosure
Iphone
Iphone
Kbd
Kbd
Keyboard
Keyboard
Lens
Lens
Map
Map
Mock Browser Window
Mock Browser Window
P5 Canvas
P5 Canvas
Parallax Floating
Parallax Floating
Perspective Book
Perspective Book
Pixelate Svg Filter
Pixelate Svg Filter
Popover Form
Popover Form
Progressive Blur
Progressive Blur
Qr Code
Qr Code
Rating
Rating
Relative Time
Relative Time
Safari
Safari
Scroll Fade Effect
Scroll Fade Effect
Shape Magic
Shape Magic
Signature
Signature
Slide To Unlock
Slide To Unlock
Snippet
Snippet
Squiggle Arrow
Squiggle Arrow
Status
Status
Terminal Animation
Terminal Animation
Texture Lab
Texture Lab
Theme Switcher
Theme Switcher
Timeline
Timeline
Timer
Timer
Tree
Tree
Tweet
Tweet
Tweet Card
Tweet Card
Web Haptics
Web Haptics
Youtube Video Player
Youtube Video Player
Backgrounds (66)
Animated Gradient
Animated Gradient
Animated Grid Pattern
Animated Grid Pattern
Aurora
Aurora
Aurora Dots
Aurora Dots
Background Paths
Background Paths
Backgroundmeteors
Background Meteors
Balatro
Balatro
Ballpit
Ballpit
Beams
Beams
Beams Background
Beams Background
Bg Animated Fractal Dot Grid
Bg Animated Fractal Dot Grid
Bg Animated Gradient
Bg Animated Gradient
Bg Image Texture
Bg Image Texture
Bg Media
Bg Media
Black Hole
Black Hole
Bolt Strike
Bolt Strike
Canvas Fractal Grid
Canvas Fractal Grid
Color Bends
Color Bends
Cosmic Background
Cosmic Background
Dark Veil
Dark Veil
Distorted Glass
Distorted Glass
Dither
Dither
Dither Pattern
Dither Pattern
Dot Grid
Dot Grid
Dot Pattern
Dot Pattern
Dualsparks
Dualsparks
Faulty Terminal
Faulty Terminal
Flickering Grid
Flickering Grid
Floating Lines
Floating Lines
Flow Field
Flow Field
Galaxy
Galaxy
Gradient Blinds
Gradient Blinds
Grainient
Grainient
Grid Distortion
Grid Distortion
Grid Motion
Grid Motion
Grid Pattern
Grid Pattern
Grid Scan
Grid Scan
Gridbackground
Grid Background
Hyperspeed
Hyperspeed
Interactive Grid Pattern
Interactive Grid Pattern
Iridescence
Iridescence
Letter Glitch
Letter Glitch
Light Pillar
Light Pillar
Light Rays
Light Rays
Lightning
Lightning
Liquid Chrome
Liquid Chrome
Liquid Ether
Liquid Ether
Orb
Orb
Particles 3d
Particles 3d
Pixel Blast
Pixel Blast
Pixel Snow
Pixel Snow
Plasma
Plasma
Prism
Prism
Prismatic Burst
Prismatic Burst
Retro Grid
Retro Grid
Ripple
Ripple
Ripple Grid
Ripple Grid
Silk
Silk
Squares
Squares
Stripe Bg Guides
Stripe Bg Guides
Striped Pattern
Striped Pattern
Texture Overlay
Texture Overlay
Threads
Threads
Venom Beam
Venom Beam
Warp Background
Warp Background
Waves
Waves
Text (99)
Animated Gradient Text
Animated Gradient Text
Animated Number
Animated Number
Animated Shiny Text
Animated Shiny Text
Animated Textgenerate
Animated Textgenerate
Apple Hello Effect
Apple Hello Effect
Ascii Text
Ascii Text
Aurora Text
Aurora Text
Blur Reveal
Blur Reveal
Blur Text
Blur Text
Breathing Text
Breathing Text
Circular Text
Circular Text
Comic Text
Comic Text
Count Up
Count Up
Curved Loop
Curved Loop
Custom Text Highlight
Custom Text Highlight
Decrypted Text
Decrypted Text
Dynamic Text
Dynamic Text
Electric Text
Electric Text
Falling Text
Falling Text
Fuzzy Text
Fuzzy Text
Glitch Text
Glitch Text
Gradient Heading
Gradient Heading
Gradient Text
Gradient Text
Gradient Wave Text
Gradient Wave Text
Highlighted Text
Highlighted Text
Highlighter
Highlighter
Hyper Text
Hyper Text
Hyperlink
Hyperlink
Letter 3d Swap
Letter 3d Swap
Letter Swap Forward Anim
Letter Swap Forward Anim
Letter Swap Pingpong Anim
Letter Swap Pingpong Anim
Line Shadow Text
Line Shadow Text
Lustre Text
Lustre Text
Matrix Text
Matrix Text
Morphing Text
Morphing Text
Number Ticker
Number Ticker
Pixel Heading Character
Pixel Heading Character
Pixel Heading Word
Pixel Heading Word
Pixel Paragraph Words
Pixel Paragraph Words
Pixel Paragraph Words Inverse
Pixel Paragraph Words Inverse
Random Letter Swap Forward Anim
Random Letter Swap Forward Anim
Random Letter Swap Pingpong Anim
Random Letter Swap Pingpong Anim
Randomized Text
Randomized Text
Reveal Text
Reveal Text
Rotating Text
Rotating Text
Scramble Hover
Scramble Hover
Scramble In
Scramble In
Scrambled Text
Scrambled Text
Scroll And Swap Text
Scroll And Swap Text
Scroll Based Velocity
Scroll Based Velocity
Scroll Float
Scroll Float
Scroll Reveal
Scroll Reveal
Scroll Swap Text
Scroll Swap Text
Scroll Text
Scroll Text
Scroll Velocity
Scroll Velocity
Scrollx Text Highlighter
Scrollx Text Highlighter
Scrollx Type Animation
Scrollx Type Animation
Sensitive Text
Sensitive Text
Shimmer Text
Shimmer Text
Shimmering Text
Shimmering Text
Shiny Text
Shiny Text
Shuffle
Shuffle
Sliced Text
Sliced Text
Slide Text
Slide Text
Slide Up Text
Slide Up Text
Sparkles Text
Sparkles Text
Special Text
Special Text
Spinning Text
Spinning Text
Split Text
Split Text
Stagger Chars
Stagger Chars
Swoosh Text
Swoosh Text
Text Along Path
Text Along Path
Text Animate
Text Animate
Text Cursor
Text Cursor
Text Cursor Proximity
Text Cursor Proximity
Text Flip
Text Flip
Text Gif
Text Gif
Text Marquee
Text Marquee
Text Pressure
Text Pressure
Text Reveal
Text Reveal
Text Roll
Text Roll
Text Spotlight
Text Spotlight
Text Type
Text Type
True Focus
True Focus
Type Animate
Type Animate
Typewriter
Typewriter
Typing Animation
Typing Animation
Underline Center
Underline Center
Underline Comes In Goes Out
Underline Comes In Goes Out
Underline Goes Out Comes In
Underline Goes Out Comes In
Underline To Background
Underline To Background
Variable Font Cursor
Variable Font Cursor
Variable Font Hover By Letter
Variable Font Hover By Letter
Variable Font Hover By Random Letter
Variable Font Hover By Random Letter
Variable Proximity
Variable Proximity
Vertical Cut Reveal
Vertical Cut Reveal
Video Text
Video Text
Word Rotate
Word Rotate
Words Stagger
Words Stagger
Navigation (15)
Animated Tabs
Animated Tabs
Bubble Menu
Bubble Menu
Card Nav
Card Nav
Direction Aware Tabs
Direction Aware Tabs
Dock
Dock
Flowing Menu
Flowing Menu
Gooey Nav
Gooey Nav
Infinite Menu
Infinite Menu
Magicdock
Magicdock
Morphic Navbar
Morphic Navbar
Navbar Flow
Navbar Flow
Pill Nav
Pill Nav
Smooth Tab
Smooth Tab
Speed Dial
Speed Dial
Staggered Menu
Staggered Menu
Cards (30)
Apple Activity Card
Apple Activity Card
Bounce Cards
Bounce Cards
Card Flip
Card Flip
Card Stack
Card Stack
Card Swap
Card Swap
Card Tilt
Card Tilt
Decay Card
Decay Card
Drift Card
Drift Card
Flashy Card
Flashy Card
Glass Surface
Glass Surface
Liquid Glass Card
Liquid Glass Card
Magic Bento
Magic Bento
Magic Card
Magic Card
Minimal Card
Minimal Card
Mouse Effect Card
Mouse Effect Card
Neon Gradient Card
Neon Gradient Card
Parallax Cards
Parallax Cards
Pixel Card
Pixel Card
Profile Card
Profile Card
Reflective Card
Reflective Card
Shift Card
Shift Card
Spotify Card
Spotify Card
Spotlight Card
Spotlight Card
Spotlight Cards
Spotlight Cards
Stacking Cards
Stacking Cards
Texture Card
Texture Card
Texture Overlay
Texture Overlay
Tilted Card
Tilted Card
Tooltip Card
Tooltip Card
Vercel Card
Vercel Card
Carousels (13)
Apple Cards Carousel
Apple Cards Carousel
Box Carousel
Box Carousel
Carousel
Carousel
Carousel Cards
Carousel Cards
Circular Gallery
Circular Gallery
Dome Gallery
Dome Gallery
Elastic Slider
Elastic Slider
Feature Carousel
Feature Carousel
Logo Carousel
Logo Carousel
Logos Carousel
Logos Carousel
Simple Carousel
Simple Carousel
Simple Marquee
Simple Marquee
Three D Carousel
Three D Carousel
Buttons (29)
Apple Play Button
Apple Play Button
Attract Button
Attract Button
Bg Animate Button
Bg Animate Button
Command Button
Command Button
Copy Button
Copy Button
Cosmic Button
Cosmic Button
Family Button
Family Button
Flow Button
Flow Button
Glow Button
Glow Button
Gradient Button
Gradient Button
Gradient Button Group
Gradient Button Group
Hold Button
Hold Button
Hold To Confirm
Hold To Confirm
Interactive Hover Button
Interactive Hover Button
Neumorph Button
Neumorph Button
Neumorph Eyebrow
Neumorph Eyebrow
Particle Button
Particle Button
Pop Button
Pop Button
Pulsating Button
Pulsating Button
Rainbow Button
Rainbow Button
Rich Button
Rich Button
Ripple Button
Ripple Button
Shimmer Button
Shimmer Button
Shiny Button
Shiny Button
Slide Text Button
Slide Text Button
Social Button
Social Button
Switch Button
Switch Button
Texture Button
Texture Button
V0 Button
v0 Button
Charts (11)
Area Chart
Area Chart
Bar Chart
Bar Chart
Calendar Heatmap
Calendar Heatmap
Candlestick Chart
Candlestick Chart
Funnel Chart
Funnel Chart
Github Heatmap
GitHub Heatmap
Line Chart
Line Chart
Live Line Chart
Live Line Chart
Pie Chart
Pie Chart
Radar Chart
Radar Chart
Ring Chart
Ring Chart
Cursors (11)
Blob Cursor
Blob Cursor
Crosshair
Crosshair
Cursor
Cursor
Cursor Attractor And Gravity
Cursor Attractor And Gravity
Followcursor
Followcursor
Following Pointer
Following Pointer
Ghost Cursor
Ghost Cursor
Pointer
Pointer
Smooth Cursor
Smooth Cursor
Splash Cursor
Splash Cursor
Target Cursor