Animated components
@morphiq
Animated components · data updated 2026-09-21
Interfaces that move. Refractive glass, motion and depth for React — a GPU-accelerated prism lens and a cursor-reactive ASCII field, with every setting exposed as a prop.
animationbackgroundscardsglassmorphismmapsmediamobilenavigation
Install
npx shadcn@latest add https://morphiq.prathampatel.design/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (20)
prism-glassdockferrofluid-navelastic-headlinepressure-textscroll-expandascii-fieldbitmap-noisebitmap-imagebitmap-textweight-gridsmear-cursorsonar-listthrown-marqueethread-pullmagnetic-fielddepth-of-fieldfolding-panelelastic-railgravity-menu
Components: prism-glass, dock, ferrofluid-nav, elastic-headline, pressure-text, scroll-expand, ascii-field, bitmap-noise, bitmap-image, bitmap-text, weight-grid, smear-cursor, sonar-list, thrown-marquee, thread-pull, magnetic-field, depth-of-field, folding-panel, elastic-rail, gravity-menuPreview
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.
@morphiq · prism-glass
npx shadcn@latest add https://morphiq.prathampatel.design/r/prism-glass.jsonView source