The Framer Handbook

This handbook walks through everything you need to ship a production site. Skim the sections on the right or read straight through — the table of contents keeps your place as you scroll.

Introduction

Each chapter is self contained, so feel free to jump around. Code samples are copy ready and every concept links back to the reference at the bottom of the page.

We keep the surface area small on purpose. Fewer primitives means fewer things to learn, and the ones that remain compose cleanly into anything you need to build.

Getting Started

Follow the steps in order the first time. Once the basics click you can mix and match freely without breaking the mental model established here.

Installation

This handbook walks through everything you need to ship a production site. Skim the sections on the right or read straight through — the table of contents keeps your place as you scroll.

Configuration

Each chapter is self contained, so feel free to jump around. Code samples are copy ready and every concept links back to the reference at the bottom of the page.

Core Concepts

We keep the surface area small on purpose. Fewer primitives means fewer things to learn, and the ones that remain compose cleanly into anything you need to build.

Components

Follow the steps in order the first time. Once the basics click you can mix and match freely without breaking the mental model established here.

Styling

This handbook walks through everything you need to ship a production site. Skim the sections on the right or read straight through — the table of contents keeps your place as you scroll.

Layout & Spacing

Each chapter is self-contained, so feel free to jump around. Code samples are copy ready and every concept links back to the reference at the bottom of the page.

We keep the surface area small on purpose. Fewer primitives means fewer things to learn, and the ones that remain compose cleanly into anything you need to build.

API Reference

Follow the steps in order the first time. Once the basics click you can mix and match freely without breaking the mental model established here.

Methods

This handbook walks through everything you need to ship a production site. Skim the sections on the right or read straight through — the table of contents keeps your place as you scroll.

Events

Each chapter is self-contained, so feel free to jump around. Code samples are copy ready and every concept links back to the reference at the bottom of the page.

Examples

We keep the surface area small on purpose. Fewer primitives means fewer things to learn, and the ones that remain compose cleanly into anything you need to build.

Frequently Asked Questions

Follow the steps in order the first time. Once the basics click you can mix and match freely without breaking the mental model established here.

This handbook walks through everything you need to ship a production site. Skim the sections on the right or read straight through — the table of contents keeps your place as you scroll.