Registry

Install any background
with one command.

Every ShaderUI template is a real React component that renders the live paper-design shader. Drop it into any Next.js + Tailwind project via the shadcn CLI.

Install

npx shadcn@latest add https://shaderui.com/r/<slug>

The CLI installs @paper-design/shaders-react as a dependency and writes the component to components/backgrounds/<slug>.tsx.

Ethereal

Soft, dreamy gradients that float between worlds

Silk Veil

mesh · ethereal-silk

Cloud Drift

noise · ethereal-cloud-drift

Aurora Whisper

mesh · ethereal-aurora-whisper

Morning Mist

blob · ethereal-morning-mist

Neon Noir

Dark canvases lit by electric, saturated accents

Midnight Pulse

mesh · neon-midnight-pulse

Electric Orchid

blob · neon-electric-orchid

Grid Runner

pattern · neon-grid-runner

Cyber Shards

pattern · neon-cyber-glass

Earth & Sky

Natural palettes drawn from landscapes and atmosphere

Golden Hour

mesh · earth-golden-hour

Ocean Depth

mesh · earth-ocean-depth

Desert Wind

noise · earth-desert-wind

Forest Canopy

blob · earth-forest-canopy

Editorial

Clean sophistication for premium layouts

Monochrome Silk

mesh · editorial-monochrome-silk

Ink Wash

noise · editorial-ink-wash

Blush Marble

noise · editorial-blush-marble

Dark Linen

noise · editorial-dark-linen

Pearl Glaze

mesh · editorial-pearl-glass

Experimental

Bold, rule-breaking compositions

Acid Rain

mesh · exp-acid-rain

Solar Flare

blob · exp-solar-flare

Glitch Wave

pattern · exp-glitch-wave

Void Aurora

mesh · exp-void-aurora

Dot Matrix

noise · exp-dot-matrix

Endpoints