detent
proGet the prompt with monthly ($29 a month), or all three with yearly ($249 a year). Plus tax where it applies.
A scroll-driven product site for a fictional creator macro pad, the Detent Mini 2. The pad is a real-time 3D model with a glowing blue light ring: it floats in the dark while a hand reaches up to it, lights up and swings into the hero as the name blurs in. Scrolling turns it to show every side: its keys press in a wave over a grid of icons a cursor walks through, its keycaps flip through three keysets seen from above, and a close-up opens a glass radial menu around its joystick that follows your mouse. It ends on a carousel of close-ups.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- hero
- navigation
- scroll animation
- features
- gallery
stack
- react
- vite
- typescript
- three
- webgl
- gsap
- scrolltrigger
fonts
Instrument Sans
Free fonts, linked in the prompt.
colors
- #000001
- #3791FF
- #3776FF
- #1D1D1D
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license
