Skip to content
2026FEATURED19 stars

This site

A monochrome personal system featuring Verlet lanyard physics, 2D canvas stipple morphing, and liquid glass notch nav.

Technology stack
Next.jsVerlet PhysicsCanvas 2DTailwind CSS
Links

Case study for this site's own build: Verlet rope physics for an interactive ID badge, responsive canvas stipple particle engine with text-aware dimming, and an adaptive notch navigation that morphs into a liquid glass pill.

Engineering Principles

  • Zero compromise frame budget: Engineered to hold 60fps on mid-tier mobile hardware and low-power devices.
  • Physical tactile feel: Spring mechanics, velocity preservation, and responsive collision boundaries.
  • Resilient fallbacks: Clean degradation on reduced motion settings, touch interfaces, and server caching.