rive javascript logo

Rive JavaScript
Animation Course

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

Enroll Now For $19 Watch Trailer
wayne sebastian
Who is this course for?

If you're...

  • 😵 Having hard time intergrating Rive
  • ✨ Better understanding of JavaScript Rive API
  • 🔎 Looking for an all in one solution
  • 🗄️ With a structured learning path

then it's definitely for you!

Course Curriculum

What you'll learn

  • Getting Started
    1
    • Introduction9:56
    • Properties5:31
    • Canvas Sizing6:20
    • Layout Options10:09
    • Playback Controls6:05
  • State Machine
    2
    • State Machine2:53
    • Trigger Input5:17
    • Boolean Input5:51
    • Number Input5:17
    • Event Listeners5:40
  • Loading Assets
    3
    • Image Asset8:18
    • Asset Properties4:23
    • Font Asset5:57
  • Web Project
    4
    • GSAP ScrollTrigger21:36
    • Hero - Scroll Animation9:11
    • Hero - Hover Interaction3:34
    • Feature Points - Scroll Animation16:44
    • Responsive Layout19:30
    • Transaction Status Animation5:21
  • Tips & Tricks
    5
    • Text Runs3:21
    • Open URL Event3:51
    • Manual Load3:38
View Pricing

Rive Web API All in One Place

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

  • State Machine

    Enable interactions on Rive animations and manage state machine inputs

  • Custom Assets

    Dynamically load or switch assets in Rive animations like fonts and images

  • Event Listeners

    Add Rive event listeners and how rive consumes gesutre/pointer events

  • Web Project

    Scroll based animations, hover interactions with animated icons and more

+ a lot more
Your Instructor

Rahul Mula

As an experienced Rive animator and instructor, here to guide you through integrating Rive animations seamlessly into your websites using vanilla JavaScript.

instructor
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
    What you'll get:
  • All fundamentals in one place
  • 18+ lessons (2+ hours)
  • Stream online or download offline
  • All project files for download
  • Get course completion certificate
  • Pay once and get all future updates
Got Questions?

FAQs

  • 🤔

    Do I need to know Rive animation?

    Not at all. You only need to know basics of flutter and dart. Access to the Rive editor is a plus.

  • 💰

    What are my payment options?

    We securely process all payments through major Debit/Credit cards, PayPal and Apple/Google Pay. You'll get an email receipt immediately after purchase.

  • 🥺

    Do I need a Rive subscription?

    You don't need a paid plan on Rive to follow along with this course, a free account is enough to get started and learn all the concepts.

  • 👨‍💻

    Will I be able to integrate any Rive animation in my Websites?

    Yes, the course covers all the Rive Web API that can be configured and controlled in the runtime.

  • 💸

    Can I get a refund if I don't like the course?

    Yes, we offer a 14-day money-back guarantee. If you find the course isn't a good fit, simply let us know within that timeframe.

💭 Still Got Questions?

Get in touch

Learn the future of interactive animation today!

Get Started