From the studio to your codebase
Good visuals. Real components. Install a visual with shadcn, then make it part of your interface. Every component includes editable colors, composition, and supported motion controls.
bunx shadcn@latest add https://shaderui.com/r/hero-1Registry JSON
Apricot haze
$ npx shadcn@latest add shaderui.com/r/hero-1
Blue hour
$ npx shadcn@latest add shaderui.com/r/hero-2
Sage daydream
$ npx shadcn@latest add shaderui.com/r/hero-3
Lilac morning
$ npx shadcn@latest add shaderui.com/r/hero-4
Golden hour
$ npx shadcn@latest add shaderui.com/r/hero-5
Tidal mist
$ npx shadcn@latest add shaderui.com/r/hero-6
Molten peach
$ npx shadcn@latest add shaderui.com/r/flow-1
Electric silk
$ npx shadcn@latest add shaderui.com/r/flow-2
Botanical drift
$ npx shadcn@latest add shaderui.com/r/flow-3
Orchid current
$ npx shadcn@latest add shaderui.com/r/flow-4
Amber fold
$ npx shadcn@latest add shaderui.com/r/flow-5
Deep current
$ npx shadcn@latest add shaderui.com/r/flow-6
Solar bloom
$ npx shadcn@latest add shaderui.com/r/halo-1
Cobalt halo
$ npx shadcn@latest add shaderui.com/r/halo-2
Moss light
$ npx shadcn@latest add shaderui.com/r/halo-3
Violet eclipse
$ npx shadcn@latest add shaderui.com/r/halo-4
Honey glow
$ npx shadcn@latest add shaderui.com/r/halo-5
Ocean lens
$ npx shadcn@latest add shaderui.com/r/halo-6
Desert radio
$ npx shadcn@latest add shaderui.com/r/grain-1
Faded denim
$ npx shadcn@latest add shaderui.com/r/grain-2
Field notes
$ npx shadcn@latest add shaderui.com/r/grain-3
Lavender paper
$ npx shadcn@latest add shaderui.com/r/grain-4
Terracotta dusk
$ npx shadcn@latest add shaderui.com/r/grain-5
Coastal print
$ npx shadcn@latest add shaderui.com/r/grain-6
Daybreak
$ npx shadcn@latest add shaderui.com/r/rays-1
Blue signal
$ npx shadcn@latest add shaderui.com/r/rays-2
Through the leaves
$ npx shadcn@latest add shaderui.com/r/rays-3
Ultraviolet
$ npx shadcn@latest add shaderui.com/r/rays-4
Last light
$ npx shadcn@latest add shaderui.com/r/rays-5
Submerged
$ npx shadcn@latest add shaderui.com/r/rays-6
Peach frequency
$ npx shadcn@latest add shaderui.com/r/dither-1
Blue static
$ npx shadcn@latest add shaderui.com/r/dither-2
Digital garden
$ npx shadcn@latest add shaderui.com/r/dither-3
Purple prose
$ npx shadcn@latest add shaderui.com/r/dither-4
Warm signal
$ npx shadcn@latest add shaderui.com/r/dither-5
Sea pixels
$ npx shadcn@latest add shaderui.com/r/dither-6
Silk Veil
$ npx shadcn@latest add shaderui.com/r/ethereal-silk
Cloud Drift
$ npx shadcn@latest add shaderui.com/r/ethereal-cloud-drift
Aurora Whisper
$ npx shadcn@latest add shaderui.com/r/ethereal-aurora-whisper
Morning Mist
$ npx shadcn@latest add shaderui.com/r/ethereal-morning-mist
Midnight Pulse
$ npx shadcn@latest add shaderui.com/r/neon-midnight-pulse
Electric Orchid
$ npx shadcn@latest add shaderui.com/r/neon-electric-orchid
Grid Runner
$ npx shadcn@latest add shaderui.com/r/neon-grid-runner
Cyber Shards
$ npx shadcn@latest add shaderui.com/r/neon-cyber-glass
Golden Hour
$ npx shadcn@latest add shaderui.com/r/earth-golden-hour
Ocean Depth
$ npx shadcn@latest add shaderui.com/r/earth-ocean-depth
Desert Wind
$ npx shadcn@latest add shaderui.com/r/earth-desert-wind
Forest Canopy
$ npx shadcn@latest add shaderui.com/r/earth-forest-canopy
Monochrome Silk
$ npx shadcn@latest add shaderui.com/r/editorial-monochrome-silk
Ink Wash
$ npx shadcn@latest add shaderui.com/r/editorial-ink-wash
Blush Marble
$ npx shadcn@latest add shaderui.com/r/editorial-blush-marble
Dark Linen
$ npx shadcn@latest add shaderui.com/r/editorial-dark-linen
Pearl Glaze
$ npx shadcn@latest add shaderui.com/r/editorial-pearl-glass
Acid Rain
$ npx shadcn@latest add shaderui.com/r/exp-acid-rain
Solar Flare
$ npx shadcn@latest add shaderui.com/r/exp-solar-flare
Glitch Wave
$ npx shadcn@latest add shaderui.com/r/exp-glitch-wave
Void Aurora
$ npx shadcn@latest add shaderui.com/r/exp-void-aurora
Dot Matrix
$ npx shadcn@latest add shaderui.com/r/exp-dot-matrix