Dev Design Library

Shader Background

Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.

Shader Background preview
Library
beUI
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add @beui/shader-background
Files
  • components/motion/shader-background.tsx
  • lib/utils.ts
Source
https://github.com/starc007/ui-components

Categories

More from beUI