Framer Motion Starter
A free starter guide to scroll reveals, staggered lists and hover effects with Framer Motion, written for people building their first animated site with AI. It is a draft first edition, so expect rough edges. You get it as a free PDF, no payment needed.
Comment MOVE on the Reel
Then open the DM from the 2BFT account. The link to the guide is inside.
Not on Instagram? Leave your email and we will send you the link.
Three steps
How to get it
-
Watch the Reel
Find the 2BFT Reel about this guide on Instagram. It shows the keyword to comment.
-
Comment MOVE
Type the keyword MOVE in the comments of the Reel.
-
Open the DM
Open the message from the 2BFT account. It has the link to the PDF.
What it is
A short, practical guide to three motion recipes: reveal, stagger and hover. Each recipe comes with a prompt you paste into Claude Code and a quick check to run before you ship.
What is inside
- Reveal on scroll
- Staggered lists and grids
- Hover and press states
- Reduced-motion handling
Status
This is a draft guide. The run-through on the relaunched 2bft.in is still pending, so treat the steps as a first version.
Next step
Ready for the whole library?
The 2BFT Academy is Rs. 999/month and opening soon: every course, a library of tested AI skills and a private community. Paid skills build on free guides like this one.