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!
By
Previous Students
Behance
by
大白鸟
My trips
Trips
Save Time!
Only learn what’s necessary!
12 modules, 18 hand-picked examples
JavaScript
Coding basics
ES6
React
Components, Hooks
State, Props
Framer
Framer Motion
Overrides, Workflow
1. Getting Started
coding fundamentals
JSX vs. HTML
2. Toggle
objects, functions, variables, arrays, array destructuring
styling components
animate, transition, variants
3. Slider
objects, scope, conditionals
component composition and communication
drag, useAnimation, transform
4. Mouse Parallax
expressions, data types
onMouseMove, hooks, the true face of JSX
useMotionValue, useTransform
5. Tinder Swipe
arrow function, ternary operator, array.map
onMouseMove, hooks
useMotionValue, useTransform, useSpring
6. Radio Group
object destructuring
state, debugging, components are printers, custom hooks
the true face of useCycle
7. Animation Orchestration
async/await, promise
stagger animation, keyframes
8. Scroll Parallax
custom hooks
useParallax hooks, useMotionValue
9. Framer X
overrides, property controls, design and code components
10. Stock Chart
import JSON, fetch data, iterate object, array functions, error handling
useEffect, conditional rendering
11. Framer Motion
mount and unmount, "key" prop
motion tags, AnimatePresence, positionTransition
12. SVG Animations
Math functions
motion.path, pathLength, pathOffset, onPan
SATELLITE
First
2 Modules
1.5 Hours of HD videos
4 exercises
$99
FREE
ENROLL NOW
Limited-time offer
STARSHIP
All
12 Modules
8.5 Hours of HD videos
26 exercises
Private Slack
$299
$219
or 5 payments of $59/m
ENROLL NOW
Limited-time offer
STARSHIP-PLUS
Starship +
Coaching
2 hours of private coaching
Everything in Starship
$699
$599
ENROLL NOW
Limited-time offer
Interested in a condensed workshop for your team? Email me.

100% RISK-FREE INVESTMENT

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
FAQs
Q.

Is this a Framer course or React course?

A.
It's a React course, Framer course and JavaScript course, all in one! It's a linear learning process that guides you from zero coding experience to being able to build stunning prototypes. Try the Satellite course!
Q.

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

A.
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 9).
Q.

Do I need to have JavaScript experience to join?

A.
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.
Q.

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

A.
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."
Q.

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

A.
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!
Q.

Is there a Parity Purchasing Power program or student discount?

A.
Please email me: linton[AT]jimulabs.com.
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.