sh4dcnv2 · atlas
← libraries

@morphiq

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.

20 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json
pnpm pnpm dlx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json
bun bunx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json
fetch registry curl -s https://morphiq.prathampatel.design/r/registry.json

Components

20 total
Prism Glass component

A GPU-accelerated refractive lens for images and rendered textures. Spectral dispersion, uniform frost and a directional rim light, from an SDF-defined shape —…

npx shadcn@latest add https://morphiq.prathampatel.design/r/prism-glass.json
Magnifying Dock component

A dock whose items swell as the pointer nears, on springs. Distance drives the scale, so the row breathes rather than one icon popping.

npx shadcn@latest add https://morphiq.prathampatel.design/r/dock.json
Ferrofluid Nav component

A nav whose active pill stretches out of one item, thins to a neck and gathers into the next. Two capsule fields blended with a polynomial smooth-minimum, eval…

npx shadcn@latest add https://morphiq.prathampatel.design/r/ferrofluid-nav.json
Elastic Headline component

A headline strung on an elastic. Letters are nodes on a mass-spring chain pinned at both ends and coupled by the discrete Laplacian, so a pull travels outward …

npx shadcn@latest add https://morphiq.prathampatel.design/r/elastic-headline.json
Pressure Text component

Type that reacts to the cursor. Letters thicken and widen under the pointer while their neighbours give up the space, so the word keeps its overall width. Both…

npx shadcn@latest add https://morphiq.prathampatel.design/r/pressure-text.json
Scroll Expand component

A framed panel pinned to the viewport that opens out to full bleed as you scroll past it, with the media inside settling back from a slight push-in. Progress i…

npx shadcn@latest add https://morphiq.prathampatel.design/r/scroll-expand.json
ASCII Field component

A canvas field of glyphs that scramble around the cursor and settle back to rest.

npx shadcn@latest add https://morphiq.prathampatel.design/r/ascii-field.json
Bitmap Noise component

A self-generating dither field. Two drifting noise layers interfere to form patches of particles that appear, dissolve and reform in place. Canvas 2D, no WebGL.

npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-noise.json
Bitmap Image component

Converts an image into a dithered bitmap — ordered Bayer or true error diffusion (Floyd-Steinberg, Atkinson, Jarvis), which no shader can do. Canvas 2D, no Web…

npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-image.json
Bitmap Text component

Type rasterised and dithered into particles. A grain control decides whether the letterforms read as solid or as a cloud that still resolves as words. Canvas 2…

npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-text.json
Weight Grid component

A bento grid where the cell under the cursor takes area from its neighbours and the total never changes. Track weights are renormalised against their axis sum,…

npx shadcn@latest add https://morphiq.prathampatel.design/r/weight-grid.json
Smear Cursor component

A cursor trail that is motion blur rather than a string of dots. Ribbon width falls as 1/(1+speed·k), the way a camera spreads the same exposure over more grou…

npx shadcn@latest add https://morphiq.prathampatel.design/r/smear-cursor.json
Sonar List component

A ping leaves the click and sweeps outward; each row rings as the wavefront reaches it. Arrival is d/c, a real propagation time, so rows near the click ring fi…

npx shadcn@latest add https://morphiq.prathampatel.design/r/sonar-list.json
Thrown Marquee component

A marquee you can grab and throw. Velocity decays exponentially toward the idle drift rather than toward zero, so a hard throw drops fast then creeps and the b…

npx shadcn@latest add https://morphiq.prathampatel.design/r/thrown-marquee.json
Thread Pull component

A thread strung under a line of text that hangs in a real catenary when you pull it. Length is conserved, so dragging to one side starves that segment and floo…

npx shadcn@latest add https://morphiq.prathampatel.design/r/thread-pull.json
Magnetic Field component

Iron filings aligning to a dipole under the cursor. B proportional to (3(m·r̂)r̂ − m)/r³, so the pattern has two lobes and the loops between them — a radial fa…

npx shadcn@latest add https://morphiq.prathampatel.design/r/magnetic-field.json
Depth of Field component

A card stack blurred by a real circle of confusion, so the near side defocuses harder than the far side — the asymmetry that makes a photograph read as one. Th…

npx shadcn@latest add https://morphiq.prathampatel.design/r/depth-of-field.json
Folding Panel component

A panel that folds along real crease lines. Facets are placed by walking the fold outward so the paper stays connected, the panel foreshortens by cos θ as it c…

npx shadcn@latest add https://morphiq.prathampatel.design/r/folding-panel.json
Elastic Rail component

A scroll progress rail that bulges with overscroll and twangs back. It obeys the wave equation, so its pitch follows f = (1/2L)·√(T/μ) — a longer rail rings lo…

npx shadcn@latest add https://morphiq.prathampatel.design/r/elastic-rail.json
Gravity Menu component

Menu items on stable orbits, bent past the pointer by a softened inverse-square attraction. The softening term is what stops an item crossing the cursor being …

npx shadcn@latest add https://morphiq.prathampatel.design/r/gravity-menu.json