• This is just a landing page template, all content on this page is dummy content created specifically for demo.

  • This is just a landing page template, all content on this page is dummy content created specifically for demo.

Book Cover
Book Cover

What the Framer community has been waiting for

Published

2026

Pages

+120

Format

Print + eBook

Language

English

The complete, structured reference for mastering Framer from first canvas to shipped product.

The Framer Codex is the all-in-one reference every Framer creator has been waiting for. Unlike scattered tutorials and forum threads, this book gives you a complete, structured path covering every major system in Framer with the depth and clarity you need to build anything confidently.

Image BG

About The Book

Everything you need to master Framer

The Framer Codex is your complete reference for building professional-grade websites and templates with Framer from the ground up. This isn't a surface-level walkthrough. It's a deep, structured journey through every layer of the Framer ecosystem, written by someone who has shipped real products using it every day.

The book builds your mental model how Framer thinks about layout, how the CMS works under the hood, how animations compose, and how to architect components that scale. Once you have that understanding, everything else clicks.

Inside, you'll learn how to:

Set up and structure a Framer project for real-world scale from day one.

Master the Canvas & Layers panel— frames, stacks, grids, and responsive breakpoints.

Build reusable components with variants, variables, and smart overrides.

Implement the CMS for dynamic pages, collections, and filterable directories.

Design scroll animations & interactions that feel premium without custom code.

Write and inject custom code to extend Framer beyond its visual limits.

Build and sell Framer templates that generate passive income on the marketplace.

Deploy and optimize your Framer site for Core Web Vitals and SEO.

High-quality hardcover, 420+ pages. Written by Andre, creator of Holykit. Download a free sample (PDF, 4.1 MB).

PRINT + EBOOK

49

$

Quality hardcover + all digital formats. Free worldwide shipping · 100-day guarantee.

best Value

EBOOK ONLY

19

$

DRM-free PDF, ePUB, Kindle. Instant download after purchase.

Image BG

The Framer Codex turns months of scattered learning into a structured guide. Andre doesn’t just explain Framer, he changes how you think about building for the web.

Brandon Duncan

Webblo, CEO

Audience

Who is this book for?

1

You're new to Framer

You've heard the hype but feel overwhelmed. You want a structured, comprehensive guide not scattered YouTube videos to go from zero to confident.

3

You want to build a template business

You want to create professional Framer templates, list them on the marketplace, and generate consistent passive income — like a real product business.

2

You design in Figma and want to ship

You're tired of handing off designs to developers. You want to build real websites yourself, with full creative control & no middleman.

4

You're a developer exploring no-code

You have a coding background and want to understand how Framer maps to front-end concepts — and when and how to extend it with custom code.

1

You're new to Framer

You've heard the hype but feel overwhelmed. You want a structured, comprehensive guide not scattered YouTube videos to go from zero to confident.

2

You design in Figma and want to ship

You're tired of handing off designs to developers. You want to build real websites yourself, with full creative control & no middleman.

3

You want to build a template business

You want to create professional Framer templates, list them on the marketplace, and generate consistent passive income — like a real product business.

4

You're a developer exploring no-code

You have a coding background and want to understand how Framer maps to front-end concepts — and when and how to extend it with custom code.

Content

Table of Contents

The framer mental model

Understand how Framer thinks — frames vs. divs, the canvas-first approach, and how to stop fighting the tool and start working with it. This chapter sets the foundation for everything that follows.

01

Layout Mastery : Frames, Stacks & Grids

02

Component Architecture & Variants

03

Framer CMS : Dynamic Pages & Collections

04

Animations & Interactions

05

Custom Code : Extending Framer

06

Building & Packaging Framer Templates

07

SEO, Performance & Publishing

08

Book Cover

Author's Profile

About The Author

man wearing white top

Andre Wilson

Framer Expert, Product Designer

Andre is a front-end developer turned web designer and digital product creator, based in Indonesia. With over 15 years in front-end development from the jQuery era through modern no-code tooling, he brings a rare combination of technical depth and design sensibility to everything he builds.

He is the creator of Holykit, a Framer template store offering professional, production-ready templates for designers and founders worldwide. His templates are available on the Framer Marketplace and Creative Market, and his customization services are offered through Gumroad.

Andre has spent years deep in the Framer ecosystem, building templates, studying what sells, and reverse-engineering the best-performing work in the market. The Framer Codex is the distillation of everything he's learned: the patterns, the pitfalls, the workflows, and the mindset it takes to build and sell with Framer.

Image BG

Preview

A Look Inside

Selected spreads : The Framer Codex

  • Book Page 3
  • Book Page 4
  • Book Page 5
  • Book Page 6

FAQ

Frequently Asked Questions

Have a question? Reach out via Threads @mattsapii or the contact form.

How much does shipping cost?

No shipping costs — worldwide. We ship everywhere via airmail. The price you see is the price you pay.

How long does delivery take?

Is the eBook included when I buy the print edition?

What formats does the eBook come in?

What payment methods are accepted?

Is there a money-back guarantee?

I have a question not covered here.

How much does shipping cost?

No shipping costs — worldwide. We ship everywhere via airmail. The price you see is the price you pay.

How long does delivery take?

Is the eBook included when I buy the print edition?

What formats does the eBook come in?

What payment methods are accepted?

Is there a money-back guarantee?

I have a question not covered here.

  • No-code Tools

  • Digital Product

  • Framer Codex

  • Print Book

  • World Wide Shipping

  • Blank Canvas

4.9

/5

Finally, a Framer book that goes deep.

I shipped my first self-built website two weeks after reading this. The component architecture chapter alone was worth the price.

Photo Image

Danielle Osei

5

/5

Perfect for developers moving into no-code.

The custom code chapter is the best bridge between developer thinking and Framer's component model I've ever read.

Photo Image

Arjun Mehta

4.9

/5

Couldn't put it down.

I expected a dry manual and got something genuinely engaging. Every chapter made me want to open Framer immediately.

Photo Image

Julie Radhina

4.2

/5

The CMS chapter changed everything.

The clearest explanation of Framer CMS I've ever read — anywhere. I built a fully functional blog in one afternoon.

Photo Image

Carlos Whitfield

4.7

/5

I built my template business because of this book

Chapter 7 gave me a concrete system. Two months later I had three templates live on the Marketplace.

Photo Image

Mia Johansson

4.5

/5

The SEO chapter saved my client project

I followed the publishing checklist in Chapter 8 and turned around a bad Core Web Vitals audit in one afternoon.

Photo Image

Lena Brouwer

4.8

/5

Worth 10x the price.

None of the courses I bought gave me the structured understanding this book did in just the first three chapters.

Photo Image

Yuki Tanaka

4.3

/5

The most honest Framer resource out there

mattsapii is upfront about Framer's limitations and exactly how to work around them. Every tip comes from real experience.

Photo Image

Tobias Reinhardt

4.6

/5

Lives permanently on my desk

Two years using Framer professionally and I still learned things I didn't know I was missing. The best kind of reference book.

Photo Image

Marcus Oduya

4.9

/5

Finally, a Framer book that goes deep.

I shipped my first self-built website two weeks after reading this. The component architecture chapter alone was worth the price.

Photo Image

Danielle Osei

4.2

/5

The CMS chapter changed everything.

The clearest explanation of Framer CMS I've ever read — anywhere. I built a fully functional blog in one afternoon.

Photo Image

Carlos Whitfield

4.8

/5

Worth 10x the price.

None of the courses I bought gave me the structured understanding this book did in just the first three chapters.

Photo Image

Yuki Tanaka

5

/5

Perfect for developers moving into no-code.

The custom code chapter is the best bridge between developer thinking and Framer's component model I've ever read.

Photo Image

Arjun Mehta

4.7

/5

I built my template business because of this book

Chapter 7 gave me a concrete system. Two months later I had three templates live on the Marketplace.

Photo Image

Mia Johansson

4.3

/5

The most honest Framer resource out there

mattsapii is upfront about Framer's limitations and exactly how to work around them. Every tip comes from real experience.

Photo Image

Tobias Reinhardt

4.9

/5

Couldn't put it down.

I expected a dry manual and got something genuinely engaging. Every chapter made me want to open Framer immediately.

Photo Image

Julie Radhina

4.5

/5

The SEO chapter saved my client project

I followed the publishing checklist in Chapter 8 and turned around a bad Core Web Vitals audit in one afternoon.

Photo Image

Lena Brouwer

4.6

/5

Lives permanently on my desk

Two years using Framer professionally and I still learned things I didn't know I was missing. The best kind of reference book.

Photo Image

Marcus Oduya

4.9

/5

Finally, a Framer book that goes deep.

I shipped my first self-built website two weeks after reading this. The component architecture chapter alone was worth the price.

Photo Image

Danielle Osei

4.8

/5

Worth 10x the price.

None of the courses I bought gave me the structured understanding this book did in just the first three chapters.

Photo Image

Yuki Tanaka

4.7

/5

I built my template business because of this book

Chapter 7 gave me a concrete system. Two months later I had three templates live on the Marketplace.

Photo Image

Mia Johansson

4.9

/5

Couldn't put it down.

I expected a dry manual and got something genuinely engaging. Every chapter made me want to open Framer immediately.

Photo Image

Julie Radhina

4.6

/5

Lives permanently on my desk

Two years using Framer professionally and I still learned things I didn't know I was missing. The best kind of reference book.

Photo Image

Marcus Oduya

4.2

/5

The CMS chapter changed everything.

The clearest explanation of Framer CMS I've ever read — anywhere. I built a fully functional blog in one afternoon.

Photo Image

Carlos Whitfield

5

/5

Perfect for developers moving into no-code.

The custom code chapter is the best bridge between developer thinking and Framer's component model I've ever read.

Photo Image

Arjun Mehta

4.3

/5

The most honest Framer resource out there

mattsapii is upfront about Framer's limitations and exactly how to work around them. Every tip comes from real experience.

Photo Image

Tobias Reinhardt

4.5

/5

The SEO chapter saved my client project

I followed the publishing checklist in Chapter 8 and turned around a bad Core Web Vitals audit in one afternoon.

Photo Image

Lena Brouwer

PRINT + EBOOK

best Value

$

49

Quality hardcover + all digital formats. Free worldwide shipping · 100-day guarantee.

Book Cover

EBOOK ONLY

$

19

DRM-free PDF, ePUB, Kindle. Instant download after purchase.

2026 © Booqoo Framer Template

PRINT + EBOOK

best Value

$

49

Quality hardcover + all digital formats. Free worldwide shipping · 100-day guarantee.

EBOOK ONLY

$

19

DRM-free PDF, ePUB, Kindle. Instant download after purchase.

2026 © Booqoo Framer Template

PRINT + EBOOK

best Value

$

49

Quality hardcover + all digital formats. Free worldwide shipping · 100-day guarantee.

EBOOK ONLY

$

19

DRM-free PDF, ePUB, Kindle. Instant download after purchase.

2026 © Booqoo Framer Template

Create a free website with Framer, the website builder loved by startups, designers and agencies.