Animated components
@morphiq
Animated components · data updated 2026-10-27
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.
animationbackgroundsbuttonscardsglassmorphismmapsmediamobilenavigation
Install
npx shadcn@latest add https://morphiq.prathampatel.design/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (28)
prism-glassdockferrofluid-navelastic-headlinepressure-textscroll-expandascii-fieldbitmap-noisebitmap-imagebitmap-textweight-gridsmear-cursorsonar-listthrown-marqueethread-pullmagnetic-fielddepth-of-fieldfolding-panelelastic-railgravity-menucaustic-surfacehalftone-screenshatter-revealliquid-transitionchannel-switchwet-inkfocus-peakingbrushed-metal
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-menu, caustic-surface, halftone-screen, shatter-reveal, liquid-transition, channel-switch, wet-ink, focus-peaking, brushed-metalPreview
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