01 / INTERACTIONPreview
Magnetic Focus
A button with a little gravity. Bounded pointer movement, a soft pool of light, and reliable keyboard and touch behavior.
Open playground THE COLLECTION / VOL. 01REACT + TYPESCRIPT
Find your
signature detail.
A small collection of expressive components. Open a playground, make a few adjustments, and take the source into your next project.
02 / TYPOGRAPHYPreview
MAKE / MARK
Glyph Morph
A moment of beautiful disorder. Characters rearrange into real, accessible text, with deterministic timing and a motion preference fallback.
Open playground03 / MATERIALPreview
Prismatic.
Prism Text
A spectrum that moves with purpose. Slow color shifts inside selectable text, with adjustable speed and saturation. Pure CSS, no canvas.
Open playground04 / VIDEO / WEBGLPreview
ASCII Waves
The original character renderer. Source-colored video, Fine density, pointer waves and motion controls.
Open playground05 / MOTION / PARTICLESExperimental / Beta
Digital Wake
A delicate fish-bound wake. Manual caudal-fin regions, measured relative motion, and two expressive presets.
Open playground06 / TYPE / MATERIALPreview
Ashfall Type
A headline gives way to a quiet, rising current. Every fragment begins where the ink ends.
Open playground07 / SECTION / MATERIALPreview
Seam Erosion
An edge loses its hold. Small pieces leave the hero, opening a new ground beneath it.
Open playground08 / IMAGE / MATERIALPreview
Sediment Reveal
Stone, grit and dust follow different paths. A textured mineral study leaves in layers, revealing another surface.
Open playgroundA few files. All yours to explore.
Open an effect and select Code & installation. Copy the files into the directory shown on that effect, preserve their relative imports, then use its example.
You need React and a build tool that supports CSS Modules, such as Next.js or Vite. The material effects include their shared source and local asset notes. No additional animation engine is required. The code shown is the code powering the preview.
ASCII Waves and Digital Wake include their own usage notes. The approved fish video is provisioned separately; local file selectors work without uploads. Digital Wake is Experimental/Beta and is excluded from search indexing pending its beta review and source-media clearance. Package distribution remains unpublished.
Try Magnetic Focus