ComponentReactSelf-contained

pixel-canvas

An interactive pixel grid with smooth trailing effects that lights up on hover and decays over time.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

npx shadcn@latest add @componentry/pixel-canvas

Needs @componentry in your components.json registries — switch to URL if it doesn't resolve.

@componentry

Component for animated-gradient

A tactile 3D newsletter archive with cloth-bound covers, camera navigation, hover lift, focused inspection, and a book-opening transition.

A procedural atmospheric hero background with layered flowing color, diffused aurora light, and subtle interaction.

Premium hover card deck that fans outward and lifts the active card without changing its color or angle.

A moving gradient beam that travels along the border of its container.

A theme-aware WebGL prism field with liquid checkered motion, electric-blue refraction, and tactile grain.