ActiveAnimated components1
@sekei
Animated components · MIT · data updated 2026-10-10
Canvas effects for React, copied into your project as source. Starts with ordered dither: fire, lightning, sonar rings, a light beam, a sloshing fluid, rain and snow.
animationhooks
Install
npx shadcn@latest add https://www.sekei.design/registry/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues0
ArchivedNo
Stars1
Components (11)
use-prefers-reduced-motionshad-fx-engineshad-fx-dithershad-fx-fireshad-fx-ringsshad-fx-beamshad-fx-boltshad-fx-fluidshad-fx-rainshad-fx-snowshad-fx
Components: use-prefers-reduced-motion, shad-fx-engine, shad-fx-dither, shad-fx-fire, shad-fx-rings, shad-fx-beam, shad-fx-bolt, shad-fx-fluid, shad-fx-rain, shad-fx-snow, shad-fxPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@sekei · use-prefers-reduced-motion
npx shadcn@latest add https://www.sekei.design/registry/use-prefers-reduced-motion.jsonView source