shadcn explorer

OFFICIALListed in the shadcn registry directory · imported automatically

@magicui

magicui.design registry.json

Add any item

npx shadcn@latest add @magicui/<name>

250components

79live demos

19with motion

167building

3no preview

1hooks / libs

building preview…

Android

building preview…

Android Demo

building preview…

Android Demo 2

building preview…

Android Demo 3

building preview…

Animated Beam

building preview…

Animated Beam Bidirectional

building preview…

Animated Beam Demo

building preview…

Animated Beam Multiple Inputs

building preview…

Animated Beam Multiple Outputs

building preview…

Animated Beam Unidirectional

building preview…

Animated Circular Progress Bar

building preview…

Animated Circular Progress Bar Demo

building preview…

Animated Gradient Text

building preview…

Animated Gradient Text Demo

Animated Gradient Text Demo 2

Animated Gradient Text Demo 2

Animated Gradient Text Demo 2

Animated Grid Pattern

Animated Grid Pattern

Animated Grid Pattern

Animated Grid Pattern Demo

Animated Grid Pattern Demo

Animated List

Animated List

Animated List

Animated List Demo

Animated List Demo

Animated List Demo

Animated Shiny Text

Animated Shiny Text

Animated Shiny Text Demo

Animated Shiny Text Demo

Theme Toggler

Theme Toggler

Animated Theme Toggler Demo

Animated Theme Toggler Demo

Animated Theme Toggler — Diamond

Animated Theme Toggler — Diamond

Animated Theme Toggler — Hexagon

Animated Theme Toggler — Hexagon

Animated Theme Toggler — next-themes

Animated Theme Toggler — next-themes

Animated Theme Toggler — Rectangle

Animated Theme Toggler — Rectangle

Animated Theme Toggler — Square

Animated Theme Toggler — Square

Animated Theme Toggler — Star

Animated Theme Toggler — Star

Animated Theme Toggler — Triangle

Animated Theme Toggler — Triangle

Aurora Text

Aurora Text

Aurora Text

Aurora Text Demo

Aurora Text Demo

Aurora Text Demo

Avatar Circles

Avatar Circles Demo

Backlight

Backlight

Backlight Image Demo

Backlight Image Demo

Backlight Svg Demo

Backlight Svg Demo

Backlight Video Demo

Backlight Video Demo

Bento Demo

Bento Demo

Bento Demo

Bento Vertical Demo

Bento Vertical Demo

Bento Grid

Bento Grid

Blur Fade

Blur Fade

Blur Fade Demo

Blur Fade Demo

Blur Fade Text Demo

Blur Fade Text Demo

Border Beam

Border Beam

Border Beam

Border Beam Demo

Border Beam Demo

Border Beam Demo

Border Beam Demo

Border Beam Demo

Border Beam Demo 3

Border Beam Demo 3

Border Beam Demo 3

Border Beam Demo 4

Border Beam Demo 4

Client Tweet Card

Client Tweet Card

Code Comparison

Code Comparison

Code Comparison Demo

Code Comparison Demo

Comic Text

Comic Text

Comic Text Demo

Comic Text Demo

Confetti

Confetti

Confetti Basic Cannon

Confetti Basic Cannon

Confetti Custom Shapes

Confetti Custom Shapes

Confetti Demo

Confetti Demo

Confetti Demo

Confetti Emoji

Confetti Fireworks

Confetti Fireworks

Confetti Random Direction

Confetti Random Direction

Confetti Side Cannons

Confetti Side Cannons

Confetti Stars

Confetti Stars

Cool Mode

Cool Mode

Cool Mode Custom

Cool Mode Custom

Cool Mode Demo

Cool Mode Demo

Dia Text Reveal

Dia Text Reveal

Dia Text Reveal Demo

Dia Text Reveal Demo

Dia Text Reveal Demo 2

Dia Text Reveal Demo 2

Dia Text Reveal Demo 3

Dia Text Reveal Demo 3

Dia Text Reveal Demo 3

Dia Text Reveal Demo 4

Dia Text Reveal Demo 4

Dia Text Reveal Demo 4

Dock

Dock

example · no preview

Dock Demo

Dock Demo 2

Dock Demo 2

Dock Demo 3

Dock Demo 3

Dot Pattern

Dot Pattern

Dot Pattern

Dot Pattern Demo

Dot Pattern Demo

Dot Pattern Linear Gradient

Dot Pattern Linear Gradient

Dot Pattern with glow effect

Dot Pattern with glow effect

Dotted Map

Dotted Map

Dotted Map Demo

Dotted Map Demo

Dotted Map Demo 2

Dotted Map Demo 2

Dotted Map Demo 3

Dotted Map Demo 3

File Tree

File Tree

File Tree Demo

File Tree Demo

Flickering Grid

Flickering Grid

Flickering Grid

Flickering Grid Demo

Flickering Grid Demo

Flickering Grid Demo

Flickering Grid Rounded Demo

Flickering Grid Rounded Demo

Flickering Grid Rounded Demo

Floating 3D Particles

Floating 3D Particles

Floating 3D Particles

Floating 3D Particles Demo

Floating 3D Particles Demo

Floating 3D Particles Demo

example · no preview

Floating 3D Particles Demo 2

Glare Hover

Glare Hover

Glare Hover Demo

Glare Hover Demo

example · no preview

Glare Hover Demo — Alerts

Glare Hover Demo — CTA

Glare Hover Demo — CTA

building preview…

Globe

Globe Demo

Globe Demo

building preview…

Glyph Matrix

building preview…

Glyph Matrix Demo

building preview…

Grid Pattern

building preview…

Grid Pattern Dashed

building preview…

Grid Pattern Demo

building preview…

Grid Pattern Linear Gradient

building preview…

Hero Video Dialog

building preview…

Hero Video Dialog Demo

building preview…

Hero Video Dialog Top In Bottom Out Demo

building preview…

Hexagon Pattern

building preview…

Hexagon Pattern Dashed

building preview…

Hexagon Pattern Demo

building preview…

Hexagon Pattern Linear Gradient

building preview…

Hexagon Pattern Spacing

building preview…

Highlighter

building preview…

Highlighter Demo

building preview…

Hyper Text

building preview…

Hyper Text Demo

building preview…

Icon Cloud

building preview…

Icon Cloud Demo

building preview…

Icon Cloud Demo 2

building preview…

Icon Cloud Demo 3

building preview…

Index

building preview…

Interactive Grid Pattern

building preview…

Interactive Grid Pattern Demo

building preview…

Interactive Grid Pattern Demo 2

building preview…

Interactive Hover Button

building preview…

Interactive Hover Button Demo

building preview…

iPhone

building preview…

iPhone Demo

building preview…

iPhone Demo 2

building preview…

iPhone Demo 3

building preview…

Kinetic Text

building preview…

Kinetic Text Demo

building preview…

Lens

building preview…

Lens Demo

building preview…

Lens Demo 2

building preview…

Lens Demo 3

building preview…

Light Rays

building preview…

Light Rays Demo

building preview…

Line Shadow Text

building preview…

Line Shadow Text Demo

building preview…

Magic Card

building preview…

Magic Card Demo

building preview…

Magic Card Demo 2

building preview…

Marquee

building preview…

Marquee 3D

building preview…

Marquee Demo

building preview…

Marquee Vertical Demo

building preview…

Marquee Logos

building preview…

Meteors

building preview…

Meteors Demo

building preview…

Morphing Text

building preview…

Morphing Text Demo

building preview…

Neon Gradient Card

building preview…

Neon Gradient Card Demo

building preview…

Noise Texture

building preview…

Noise Texture Demo

building preview…

Noise Texture Demo (newsletter card)

building preview…

Noise Texture Demo (button)

building preview…

Noise Texture Demo (input)

building preview…

Number Ticker

building preview…

Number Ticker Decimal Demo

building preview…

Number Ticker Demo

building preview…

Number Ticker Demo 2

building preview…

Orbiting Circles

building preview…

Orbiting Circles Demo

building preview…

Particles

building preview…

Particles Demo

building preview…

Pixel Image

building preview…

Pixel Image Demo

building preview…

Pointer

building preview…

Pointer Demo 1

building preview…

Progressive Blur

building preview…

Progressive Blur Demo

building preview…

Pulsating Button

building preview…

Pulsating Button Demo

building preview…

Pulsating Button Demo 2

building preview…

Rainbow Button

building preview…

Rainbow Button Demo

building preview…

Rainbow Button Demo 2

building preview…

Retro Grid

building preview…

Retro Grid Demo

building preview…

Ripple

building preview…

Ripple Button

building preview…

Ripple Button Demo

building preview…

Ripple Demo

building preview…

Safari

building preview…

Safari Demo

building preview…

Safari Demo 2

building preview…

Safari Demo 3

building preview…

Safari Demo 4

building preview…

Scroll Based Velocity

building preview…

Scroll Based Velocity Demo

building preview…

Scroll Based Velocity Images

building preview…

Scroll Progress

building preview…

Scroll Progress Demo

building preview…

Shimmer Button

building preview…

Shimmer Button Demo

building preview…

Shine Border

building preview…

Shine Border Demo

building preview…

Shine Border Demo 2

building preview…

Shiny Button

building preview…

Shiny Button Demo

building preview…

Smooth Cursor

building preview…

Smooth Cursor Demo

building preview…

Sparkles Text

building preview…

Sparkles Text Demo

building preview…

Spinning Text

building preview…

Spinning Text Demo

building preview…

Spinning Text Demo 2

building preview…

Striped Pattern

building preview…

Striped Pattern (Dashed)

building preview…

Striped Pattern Demo

building preview…

Striped Pattern (Right)

building preview…

Terminal

building preview…

Terminal Demo

building preview…

Terminal Demo

building preview…

Text 3D Flip

building preview…

Text 3D Flip Demo

building preview…

Text 3D Flip Demo 2

building preview…

Text Animate

building preview…

Text Animate Demo

building preview…

Text Animate Demo 2

building preview…

Text Animate Demo 3

building preview…

Text Animate Demo 4

building preview…

Text Animate Demo 5

building preview…

Text Animate Demo 6

building preview…

Text Animate Demo 7

building preview…

Text Animate Demo 8

building preview…

Text Animate Demo 9

building preview…

Text Reveal

building preview…

Text Reveal Demo

building preview…

Tweet Card

building preview…

Tweet Card Demo

building preview…

Tweet Card Images

building preview…

Tweet Card Meta Preview

building preview…

Typing Animation

building preview…

Typing Animation Demo

building preview…

Typing Animation Multiple Words

building preview…

Typing Animation Custom Speed

building preview…

Typing Animation Start on View

building preview…

Typing Animation Without Cursor

building preview…

Typing Animation Single Play

building preview…

Typing Animation Cursor Blinking

building preview…

Typing Animation Cursor Styles

lib · no preview

Utils

building preview…

Video Text

building preview…

Video Text Demo

building preview…

Warp Background

building preview…

Warp Background Demo

building preview…

Word Rotate

building preview…

Word Rotate Demo