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: July 29, 2022
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
- Framer for Developers
- Code Overrides
- Code Components
- Animation
- Animation Free
- The Animate Property Free
- The Transition Property Free
- ‘While’ Animations and Initial Free
- Variants
- Hooks
- The useState() Hook
- Animate Presence Updated
- The useCycle() Hook
- The useAnimation() Hook
- Keyframes
- Animatable Properties
- Animation Types
- Animating to a Scroll Position
- API Overview Free
- Example Animations Free
- Framer Motion
- Smart Code Components
- Dragging
New & Updated : changes in the last 30 days
Upcoming 👨💻:
- A few remaining Framer Sites updates:
- Overriding Code Components — Because the current examples use components from public (legacy) packages.
- Importing Other Layers, Components, and Packages — I will add an example of how to wrap components from an existing design system.
- New section: Tracking gestures with MotionValues
- 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.