Effects & motion: transitions, animations and parallax
Dial the site's motion directly — scroll experience, entrance animations, hero effects, magnetic buttons, 3D card tilt.
Updated 2026-07-17
Every generated site ships with a motion character drawn from its design DNA. The Effects & motion panel lets you override it explicitly — pick exactly how the page scrolls, how sections enter, and which signature effects run.
02Open the panel
- In the Studio toolbar, open the ⋯ menu and choose Effects & motion.
- Pick a scroll experience: Standard, Parallax (imagery gains real scroll depth), Snap, Story (a reading progress bar), or Reveal.
- Choose an entrance animation for sections and cards: fade, stagger, drift, zoom, slide, wipe or spring.
- Set the hero headline effect (kinetic word-by-word entrance, a gradient headline, both, or none) and toggle magnetic buttons and 3D card tilt.
TipEvery option previews instantly and saves with your draft. “Auto” on any row restores the designed default.
03About parallax
With the Parallax scroll experience, section imagery drifts gently inside its frame as visitors scroll — a modern depth effect with zero performance cost, because it runs on the browser's scroll timeline rather than JavaScript.
All motion respects visitors' reduced-motion preference: anyone who has asked their device for less animation gets a calm, static page automatically.