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
200+ example prototypes made with code
180 Framer Motion projects in CodeSandbox
100,000+ words of detailed explanations
Packages
-
The Framer Code GuideUS$60.00 / year
-
The Framer Code Guide - MonthlyUS$10.00 / month
-
The Framer Code Guide for EnterpriseUS$30.00 per member / year
-
The Framer Code Guide for TeamsUS$40.00 per member / year
Table of contents
- Introduction Free
- Some Examples Free
- Code Overrides
- Code Components
- Smart Code Components Free
- The Main Properties Free
- The
animate
property Free - The
transition
property Free - The
initial
property Free
- The
- Hooks
- Gesture Animations Free
![Photo of Tes Mat](/wp-content/uploads/sites/3/2024/06/photo-bg.png)
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.