2holl.is

a cinematic, scroll-driven 3D web experience built entirely in vanilla TypeScript with no framework. the site features a custom lightspeed highway renderer, Draco-compressed 3D models, GLSL shaders, and particle systems that create an immersive intro sequence.

key features

• scroll-driven 3D intro - custom GLSL shaders, a lightspeed highway renderer, Draco-compressed 3D models, and particle systems
• interactive cylinder timeline - displays 605+ items with momentum scrolling, fuzzy search (Cmd+K), and community submissions backed by Supabase real-time sync
• full audio engine - Web Audio API with 3-band EQ, reverb, delay, flanger effects, BPM/key detection, waveform visualization, and dual-deck DJ mixing
• community submissions - users can submit their own items to the timeline via a Supabase-backed form

tech stack

• TypeScript - entire codebase, no framework
• Three.js - 3D rendering and scene management
• GSAP - scroll-driven animations
• Web Audio API - audio engine with effects processing
• GLSL - custom vertex and fragment shaders
• Supabase - real-time database for community submissions
• Cloudflare - hosting and edge delivery

live at 2holl.is

Built With

• cloudflare
• glsl
• gsap
• supabase
• three.js
• typescript
• web-audio-api