The Framer code guide explains everything about using code when building sites or prototypes in Framer. It shows you how to create different kinds of animations, has all the details about code overrides, and explains how to create your own code components. This Framer course also doubles as an extended manual that you’ll often refer to. Check the Introduction.

Last update: July 11, 2024

Animating a React project?
Check out the Mighty Motion Guide.


200+ example prototypes made with code

180 Framer Motion projects in CodeSandbox

100,000+ words of detailed explanations


Table of contents

Photo of Tes Mat

Tes Mat

I’m a web and iOS developer who was looking for the best prototyping tool. I tried eight of them, liked Framer (Classic) the most, and wrote an extended manual about it. Then, when the current version of Framer launched, I wrote this manual. I’ve also taught Framer workshops and courses at Projector in Kyiv.

Join the Mighty Guides mailing list    ( ± 6 emails/year )


We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing per their Privacy Policy and Terms.