23rd

Components that render — shaders, ASCII, dithering and motion for shadcn/ui. Install one with the CLI, then it’s yours to edit.

Get startedGitHub
  • shadcn registry
  • React + Svelte 5
  • You own the source
  • Honors reduced motion

Shader Gradient

Open Shader Gradient

A grainy liquid gradient for landing heroes, empty states, and marketing sections — the palette flows under a film grain, follows the theme, and swirls around the pointer.

pnpm dlx shadcn@latest add @23rd/shader-gradient