On scroll the image breaks into a grid of tiles that lift and scatter — then snaps back together the moment you return. A hero that literally demonstrates material behaviour.
The exit of an image is as directed as its entrance.
Chrome Ribbon 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 industrial design 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 Chrome Ribbon 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 Chrome Ribbon to your palette, type and copy, and hand back one file — usually inside five working days.