A candy-red loop against a hard blue sky, and the whole scene shatters into tiles the moment you scroll — then snaps back pixel-perfect when you return. Big, bright and unashamedly fun, with the left half of the frame kept clear for your headline.
The exit of an image is as directed as its entrance.
Joy Coaster is directed, not decorated. The opening frame is treated the way a director treats a first shot: one continuous move, real depth, and the message placed exactly where the eye lands.
A 120 by 54 grid of tiles carries the frame. As progress climbs each tile lifts, tilts and scatters on noise — and reassembles perfectly on the way back. Everything ships as a single self-contained file that drops into Webflow, WordPress, Shopify or Framer — and your team edits every word without touching code.
See the craftBuilt for leisure, travel & play teams that need the opening to carry weight and the rest of the page to stay out of the way.
A 120 by 54 grid of tiles carries the frame. As progress climbs each tile lifts, tilts and scatters on noise — and reassembles perfectly on the way back.
Hero, sections, form and copy editor in a single HTML document. No build step, no framework, no plugin — paste it in and it runs.
Device pixel ratio capped at two, reduced-motion honoured with a still frame, and a graceful image fallback if WebGL is unavailable.
Everything in Joy Coaster exists to make the first scroll feel intentional. Nothing wobbles for its own sake; every move is tied to how far the reader has travelled.
Send the image you want in the hero and a line about the brand. We re-skin Joy Coaster to your palette, type and copy, and hand back one file — usually inside five working days.