Rive JavaScript Course Banner

Rive JavaScript Animation Course

The only course you need to make the most of JavaScript's Rive API.

Course Curriculum

What you'll learn

  • Getting Started
    1
    • Introduction 9:56
    • Properties 5:31
    • Canvas Sizing 6:20
    • Layout Options 10:09
    • Playback Controls 6:05
  • State Machine
    2
    • State Machine 2:53
    • Trigger Input 5:17
    • Boolean Input 5:51
    • Number Input 5:17
    • Event Listeners 5:40
  • Loading Assets
    3
    • Image Asset 8:18
    • Asset Properties 4:23
    • Font Asset 5:57
  • Web Project
    4
    • GSAP ScrollTrigger 21:36
    • Hero - Scroll Animation 9:11
    • Hero - Hover Interaction 3:34
    • Feature Points - Scroll Animation 16:44
    • Responsive Layout 19:30
    • Transaction Status Animation 5:21
  • Tips & Tricks
    5
    • Text Runs 3:21
    • Open URL Event 3:51
    • Manual Load 3:38
    • Layouts 3:16
    • Vector Feathering 1:31
  • Data Binding
    6
    • Auto Bind 3:35
    • Properties 3:19
    • Trigger & Boolean 1:52
    • Color 2:03
    • Enum 2:27
    • Event Listener 2:58
    • Manual Data Bind 6:11

Learn to integrate Rive animations into your web projects using JavaScript. This course covers everything from basic setup to advanced interactivity.

View Pricing

Rive Web JS Runtime

Learn to integrate Rive animations and configure properties. Control animation with state machine and data binding. Switch font/image assets on the fly. A truly all-in-one course.

+ a lot more
Your Instructor

Rahul Mula

Hi 👋, I'm Rahul Mula, Your guide on this creative journey. As an experienced Rive animator and instructor, I've created this course to help you master every aspect of Rive.

instructor
Course Reviews

What Student's Are Saying

Pricing

Ready For Action?

Enroll on the course now and let's get started learning Rive

Rive JS Course

$19

We offer a 14-day money back guarantee if you find the course isn't a good fit for you

Enroll Now
  • Masterclass

    All Rive Fundamentals in one place

  • 2+ Hours

    20+ lessons, articles, projects, etc.

  • Assets

    Download all project & source files

  • Full Access

    Future course updates at no extra cost

  • Certificate

    Get a certificate on course completion

  • Money Back

    We offer 14-day money back guarantee

Got Questions?

FAQs

💭 Still Got Questions?

Live Chat