Prototyping With
React + Framer

An expedited ride to a new galaxy of creativity

What you'll build
Are you familiar with HTML/CSS but new to JavaScript or React?
This course is tailored for you!
Previous Students
My trips
Photo gallery
Save Time!
Only learn what’s necessary!
10 modules, 15 projects, hand-picked coding topics
1. Getting Started
coding fundamentals
2. Toggle
objects, functions, variables, arrays, array destructuring
styling components
animate, transition, variants
3. Slider
objects, literal shorthand
what JSX really is, component composition
drag, useAnimation
4. Mouse Parallax
object destructuring, scope
onMouseMove, hooks
useMotionValue, useTransform
5. Radio Group, const, ternary operator
state, debugging, components are printers
layout options
6. Padlock Animations
async/await, promise
animation orchestration
7. Scroll Parallax
arrow function, data types
custom hooks
useParallax hooks, useMotionValue
8. Card Expand
code overrides vs. code components
9. Stock Chart
import JSON, fetch data, iterate object
useEffect, conditional rendering
10. SVG Stroke Animation
DOM API, setInterval
useRef, useEffect
animator package
2 Modules
1.5 hours of HD videos
3 projects
Limited-time offer
5 Modules
5 hours of HD videos
8 projects
Private Slack
Coming soon

10 Modules
10 hours of HD videos
15 projects
Private Slack
Coming soon

Interested in a condensed workshop for your team? Email me.


If you are not completely satisfied with the course, you can get 100% refund within 30 days of your purchase. No hard feelings!
I’ve seriously learned 10x more in the last 4 weeks than in the last 8 months trying to learn Framer on my own, also quite a bit of React as a bonus. These 4 weeks will really stay with me for a long time!
Kevin Cannon
Product Designer, Pitch
👉 More Testimonials

What if I don't have a Framer license yet?

No worries. You can download a free 14-day trial of Framer X. If you enroll in this course, you'll get a 20% discount on a Yearly subscription of Framer.

This course is designed with minimal upfront requirements in mind. Although it focuses on Framer (and React), you'd only need a modern browser to get started. Once you master its core, it'd be a breeze to move to Framer X at a later module (Module 8).

Do I need to have JavaScript experience to join?

No. This course is designed to get you started quickly even with 0 coding experience. I'll cover basic coding concepts along the journey to creating stunning prototypes.

I'll assume that you are familiar with HTML and CSS.

I'm familiar with Framer Classic, is this course for me?

Yes! As one of the students said: "I just didn’t get the whole React/Declarative/Framer X general way of thinking. Also using some of the basic hooks. I think starting in Code Sandbox made it a bit easier. So, it wasn’t one specific thing but all the other things. I will recommend this course to anyone who’s struggling to make the switch to X."

I'm familiar with jQuery, is this course for me?

Yes! React requires a different mental model than jQuery. This course covers that mental model with illustrations and metaphors. I think you'll like it! Try the first couple of modules to see!
Hi! I'm Linton!

I'm a full-stack developer and I love design. I've been teaching designers React since 2017 and I'm loving it! I'm also the author of a couple of courses at Treehouse and Lynda.

My dark little secret: 😈 creating this course is also my special way to learn all things about design and React -- trying to explain things clearly has taken my understanding of the concepts to a whole new level.

Thrilled to be on this journey with you!

Hey! I'm Beebee!

I'm a designer and animator. I draw inspiration from my dream diaries.

In my dreams, I saw mammoths chasing little bears on a circus. I managed to turn missiles launched from North Korea into splendid firework shows. I convinced the Emperor of Qin Dynasty to stop killing. I chatted with Prince Edwards in Chinese. I was left in awe by the weirdly breathtaking scenes made up of lily pads, lotus, water grass and pale dead fish...

What's in your dreams?

© 2019 jimu Labs Inc.