Open each one, scroll slowly, and watch for ONE move. That's the whole assignment. You're not copying a site… you're collecting moves you can bring to your own brand.
apple.com. The product turns and builds as you scroll, like you're holding it. Look at any product page.
stripe.com. A soft gradient that slowly moves behind the headline. Calm, and SO expensive looking.
linear.app. Sections glow and settle in as you reach them. Subtle, never busy.
locomotive.ca. Smooth scrolling that makes the whole page feel like one story.
lusion.co. 3D that reacts to your mouse. Pure play.
igloo.inc. A frozen world you scroll through. Award-winning for a reason.
bruno-simon.com. You drive a tiny car around his portfolio. Proof a website can be FUN.
activetheory.net. Big, cinematic, immersive. Study the transitions between pages.
webflow.com/made-in-webflow. Hundreds of real sites, sorted by style. Great for finding a move that fits a small business.
framer.com/marketplace. Find a move you love, then rebuild it on your own colors and fonts.
Before you add motion
- Pick one or two moves for the whole site. A little feels expensive. Too much feels busy.
- Keep it quick. Most website motion lives between 0.2 and 0.6 seconds.
- Make sure the page still works with motion turned off (your phone has a setting for this).
- Check it on your phone. That's where most people will see it.
I love this website animation: [paste the site and describe what moves]. Write a short brief for my web designer (or for Framer, Webflow or Lovable): what moves, when it starts, how fast, and how it should feel. Keep it to one or two moves so the site stays fast and calm.
Your website should be your hardest working employee… let it make a gorgeous first impression.