Recreating The Apple Siri Website with Framer

Learn how to create the crazy bento card animation from the Apple Siri website with Framer. I'll show you how to use sticky positioning in a unique way to achieve this effect.

Get the starter file by clicking this link and follow along with the tutorial.

Taught by

Nandi

Remix project file

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More lessons

View all

POV: You’re Making $247/h Fixing Framer Sites
POV: You’re Making $247/h Fixing Framer Sites
POV: You’re Making $247/h Fixing Framer Sites
Creating a Feedback Widget From Scratch (Framer Tutorial)
Creating a Feedback Widget From Scratch (Framer Tutorial)
Creating a Feedback Widget From Scratch (Framer Tutorial)