The Framer book 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 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.
Last update: May 18, 2023
200+ example prototypes made with code
100+ Motion projects in CodeSandbox
100,000+ words of detailed explanations
Packages
-
The Framer book$70.00 / year
-
The Framer book for Enterprise$30.00 per member / year
-
The Framer book for Teams$40.00 per member / year
Table of contents
- Code Overrides
- Code Components
- Framer for Developers
- Animation
- Animation Free
- The Animate Property Free
- The Transition Property Free
- ‘While’ Animations and Initial Free
- Variants
- Hooks
- The useState() Hook
- Animate Presence
- The useCycle() Hook
- The useAnimationControls() Hook
- Keyframes
- The useAnimate() Hook New
- Animatable Properties
- Animation Types Updated
- API Overview Free
- Example Animations Free Updated
- Motion Values
- Framer Motion
- Smart Code Components
- Using a Web API
- Dragging
- Archive Free
New & Updated : changes in the last 30 days
Upcoming 👨💻:
- A global, introductory ‘Framer’s Toolbox’ section

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.