Dev Design Library

Shader Gradient

Quiet WebGL color wash for landing heroes, empty states, and marketing sections: theme-aware, optional pointer follow.

Shader Gradient preview
Library
23rd.dev
Framework
React
Type
ui
Install
pnpm dlx shadcn@latest add @23rd/shader-gradient
Files
  • registry/shader-gradient/shader-gradient.tsx
  • lib/utils.ts
  • registry/shader-gradient/shader-gradient-vanilla.ts
Source
https://github.com/radiumcoders/23rd.dev

Categories

More from 23rd.dev