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.

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/shader-background
Component Files (1)
  • components/motion/shader-background.tsx

Component Details

Category
Components
Component Slug
shader-background
Published
7/2/2026
Last Updated
9/11/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.