vibetyper

A scroll-driven product site for a fictional low-profile keyboard for vibecoders, with a vibe row of four ember keys: prompt, talk, reject and accept. The keyboard is a real-time three.js model built in code. The preloader is one continuous camera flight through it: over the logic board as its lights wake, along a lane between the switches and out as the keycaps rain down and bounce into place, landing on the hero, where the keys rise under the cursor. Scrolling splits it into seven layers with pinned callouts, closes it onto the vibe row as each key lights up, zooms into the accept key as it comes apart into cap, switch, spring and light, then presses it and floods the board with light under the final call to action.