No code doesn't mean no complexity.

Get over the hump and learn how to build your own ideas.

Beginner Tutorials

New to Framer? Learn the basics of Layout, Components and Motion.

*free

Advanced Course

Take your understanding of Framer to the next level by building a complete site from start to finish.

Ever thought about throwing your laptop out the window when using Framer? Me too.

Despite this, Framer has quickly become my favourite way to build websites - even as someone who codes. It's an incredibly powerful tool but there are frustratingly few resources out there about how to make full use of it.

Struggling to build your own ideas?

Building something basic is easy. Building what you want is where things get tricky.

I built this course because I found most tutorials kinda inadequate. They show you how to build some flashy animation and then roll credits - never taking the time to make it responsive or figure out how it will interact with the rest of the page.

There was nothing that showed you all the little gnarly bits that come with making a complete, professional grade site.

Detax: Tax avoidance made simple

To solve this problem, I came up with a fake SaaS company, Detax.
We build the Detax site from start to finish to show you how to take a site all the way to production.

The course consists of 12 lessons split across 3 modules and goes beyond just Framer. I'll show you how to use and integrate other tools, like Spline for 3d and Rive for more advanced animations.

How advanced is it?

• What’s Framer?
• I tried it out a few times
• It's cool but I keep getting stuck
• Made a basic site
• I use Framer every week
• I make sites for money

Not gonna lie, it's fairly advanced. If you're just getting started with Framer, you might struggle (check out my beginner tutorials btw).

If you've started to bump up against the limits of what you can do, this is for you!

Learn how to build your own ideas.

Build

• Learn tactics for creating complex layouts by building a production grade website from scratch.
  
  
• By the end of this module, you’ll have a suite of dynamic and high-quality components you can remix into your own sites.



Craft

• Push beyond the limits of Framer’s interface to create stunning interactive visuals.
  
  
• By the end of this module, you’ll have the tools to build custom components that you could even sell on Framer’s marketplace.

Scale

[Lessons 11 & 12]

Manage complexity at scale by learning strategies for creating large content driven sites.

By the end of this module, you’ll understand what it takes to launch a professional website to production.

• build
• craft
• scale
• Nav + Flyout Menu

[17m]

• Animation
• Layout
• Scroll Effects
• Variants
• Breakpoints
• Transitions
• Animation
• Layout
• Variants
• Breakpoints
• Transitions
• Layout
• Breakpoints
• Animation
• Layout
• Scroll Effects
• Breakpoints
• Transitions
• Layout
• Variants
• Breakpoints
• Transitions
• Variables
• Animation
• Scroll Effects
• Variants
• Transitions
• Code
• Code Overrides

[18m]

Using code overrides to augment our design and make parts of the site talk to each other.

• Animation
• Events
• Code
• Events
• Variables
• Code
• AI
• Animation
• Variants
• Transitions
• Variables
• Code
• Animation
• Embeds
• 3D
• Performance
• Layout
• Variants
• Variables
• CMS
• Code
• Embeds
• Performance
• CMS
• Accessibility
• Starter.framer
• Basic components, color and text styles.
• Course_file.fig
• 14 pages of designs + diagrams
• Hero.spline
• Spline file with 3D hero animation
• Animations.rive
• Rive file with all 6 animations

Dan is an absolute magician when it comes to Framer, he's done stuff I didn't think could be done without code!

I got a sneak peek of this course and it seems really solid.