1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. boldkit
  5. Use Canvas Effect

Use Canvas Effect

hook

React hook that mounts an animated 2D canvas effect with a managed lifecycle — sizing, off-screen/background pausing, and reduced-motion — so a component only describes how to paint one frame.

pnpm dlx shadcn@latest add "https://boldkit.dev/r/use-canvas-effect.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
hooks/use-canvas-effect.ts