Selected&Works.

Aura Void

An ambient WebGL world built around a single noise field — pressure, depth, and reflection driven entirely by GLSL. v2 introduces a tactile, physics-aware cursor that pulls the field into local minima.

• Three.js
• GLSL
• GSAP
• Lenis

✦ Awwwards · Site of the Day

Terminal State

A typography-driven editorial system for a generative AI studio. Long-form narratives meet kinetic display type and a strict grid — fluid through phone, tablet, and ultrawide.

• Next.js
• GSAP
• Framer Motion

✦ FWA · Site of the Day

Monolith UI

A design system for an enterprise data platform. Density, contrast, and motion calibrated for power users handling 30K+ daily sessions — now with a token pipeline that ships through Style Dictionary.

• React
• Radix
• TypeScript
• Storybook

✦ CSS Design Awards · UI of the Day

Kinetica

A kinetic typography study turned product. Variable fonts mapped to scroll, audio amplitude, and reactive cursor velocity — the type behaves like a living organism.

• Variable Fonts
• GSAP
• WebGL

Void Engine

A real-time audio-reactive 3D scene rendered with custom raymarching. Audio FFT bins drive volumetric lighting and material color grading — originally an installation, now a web port.

• Three.js
• GLSL
• Web Audio API

CrackIt

Mobile exam-prep companion with a custom RAG pipeline, syllabus-aware quizzes, and a quiet, paper-like interface. 2027 update adds an offline mode and live tutor handoff.

• React Native
• LangChain
• Supabase

✦ Product Hunt · #3 of the Day

Halcyon OS

A serene AI-first workspace for writers. Predictive outlines fade in like ambient mist; commands surface contextually instead of through menus.

• Next.js
• OpenAI
• tRPC
• Drizzle

Echo Atlas

Walk through a sound-mapped city in your browser. WebXR-ready, but designed first for keyboard + mouse — binaural audio steered by your gaze.

• Three.js
• WebXR
• Web Audio API