GiveMePrompts Site: A Scroll World With Live Particles and Music
Supreme Dream
A studio that sells motion should not have a static website. The new GiveMePrompts site is built as a world you scroll through: the scenes move with your thumb, the particles drift behind them, and the music follows you from page to page.
The site is live at givemeprompts.com. Everything shown here is captured from it.
The brief
One site that has to do three jobs at once: show the work at full quality, explain what the studio sells in under a minute, and prove the craft in the site itself. If a visitor never opens a case study, the home page alone should still say "these people can build this".
The Style Brain scene: one character world, with pop-out cards that pull real facts from the work, like four custom alphabets with no font files
The idea
Make the home page a film you drive. Four scenes, The Signal, The Build, The Style Brain and Open the Line, play as you scroll. Pop-out cards hang off each scene with a real fact from the work, wired to the art with thin connector lines. Behind it all, on desktop, a field of gravity particles from the studio's Particle Lab fills the space beside the video.
How it is built
The site is plain HTML, CSS and JavaScript. The particle field is a single WebGL canvas that sizes itself to the screen, between 6,000 and 14,000 particles, and stops when you scroll past it or switch tabs. It is not built at all on small screens.
The music player is site-wide and beat-reactive. It runs the track through a Web Audio analyser that measures bass, mid and high energy and detects beats, and it publishes those values for the rest of the page to react to. Beat flashes are capped below three per second for photosensitive visitors, and only one tab plays at a time.
Work that moves: the concept films with sound on, each card labelled with its runtime and how it was made
Films play in place, with full-quality 4K playback handed to YouTube so it adapts to the viewer's screen and connection. Services are laid out as four ways in, each starting with a written scope.
Four ways in: a strategy call, a five-day build sprint, a launch film and a studio retainer
The brand gallery shows the identity systems, and the Lab holds the interactive experiments: fluid ink, particles, raymarching, procedural worlds and audio-reactive pieces, each running live in the browser.
The brand gallery: Terza, Moonwort and Kilnwood, three identities built from a blank page
The Lab: "Start here" with Fluid Ink and Deep Field, both running live from their cards
What a client gets
A site that behaves like your brand instead of describing it. Scroll-driven storytelling, interactive moments built in code, sound where it helps, and the engineering underneath that keeps it accessible and lighter on a phone.
Work with us
If your website should be the first thing people share about you, tell us what it needs to do.
See it live: givemeprompts.com. Scroll the home page with sound on.
More work: givemeprompts.com/work
Like this project
Posted Oct 4, 2026
The studio's own site, live now: scenes that play as you scroll, code pop-outs, a gravity particle field and a player that reacts to the beat.
