spritzle
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A four-part landing page for a fictional dating app, Spritzle ("Somewhere in this crowd is your person."). The hero is a black dome with a purple-to-pink rim light: the headline rises in word by word, and twenty-two glass bubbles holding faces and flowers fly up from below, then drift right along a shallow arc and dodge the cursor on a spring. Scroll and a pinned story plays out over ten screens: "No swiping. Just people who share your vibe, drifting closer." fades up, "No swiping." gets selected like text with blue handles, and three stickers peel on (two lettered pills and a green star). Then a WebGL glass lens opens in the middle, refracts and bends the scene with chromatic edges, grows and fills with moving pink fog. In the fog, "Everything you need to go from hello to a real date." opens two glass pills between its words, and three gradient feature cards fly up and stack with a tilt. A white rounded section follows with an endless carousel of three live tiles: bubbles orbiting "Same vibe", a chat where a "Ye ah" sticker peels on, and a ray-marched metal badge turning slowly. It slides off the footer like a curtain, over a giant faded SPRITZLE. Every scroll animation runs backwards too. Manrope and Climate Crisis, Lenis smooth scrolling with GSAP ScrollTrigger, a phone layout, a reduced-motion version and a no-WebGL fallback for the glass.
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
- navigation
- hero
- scroll animation
- features
- carousel
- footer
stack
- react
- vite
- typescript
- gsap
- scrolltrigger
- lenis
- webgl
- canvas
fonts
Manrope, Climate Crisis
Free fonts, linked in the prompt.
colors
- #000000
- #D7A3D4
- #FFFFFF
- #6839B6
- #ED9FEE
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

