> ## Documentation Index
> Fetch the complete documentation index at: https://rive-update-scripting-docs-885.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Learn Rive

> Discover tutorials, example files, videos, demos, and community resources to learn Rive and build interactive experiences.

<CardGroup cols={2}>
  <Card title="Rive Community" href="https://community.rive.app/c/start-here/" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/community.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=ce74bc0e03cffd55dcbd88cc8c32e9c7" width="1280" height="720" data-path="images/learn/community.png">
    Ask questions, share your work, find jobs, and connect with other Rive users.
  </Card>

  <Card title="Rive 101 Series" href="https://www.youtube.com/playlist?list=PLujDTZWVDSsFGonP9kzAnvryowW098-p3" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/rive-101-series.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=db09eae2ae8808f133bf01883d39be2e" width="1280" height="720" data-path="images/learn/rive-101-series.png">
    A complete YouTube series covering the fundamentals of Rive.
  </Card>
</CardGroup>

<CardGroup cols={3}>
  <Card title="Blog" href="https://rive.app/blog?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/blog.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=4728597d8727f8e9d0f9835239e0244d" width="800" height="344" data-path="images/learn/blog.png">
    Deep dives, product updates, and insights into building interactive experiences.
  </Card>

  <Card title="Newsletter" href="https://rive.app/newsletter?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/newsletter.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=7e1e978153e57841b8d2a21ec896254c" width="800" height="344" data-path="images/learn/newsletter.png">
    Stay up to date with new features, tutorials, and case studies.
  </Card>

  <Card title="Discord" href="https://discord.com/invite/FGjmaTr" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/discord.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=35f1ec20063f0a1176f189e4cb92fbd6" width="800" height="344" data-path="images/learn/discord.png">
    Chat with the community in real time and get quick feedback.
  </Card>
</CardGroup>

## Learn by example

Learn by opening Rive files and runtime demos.

<CardGroup cols={3}>
  <Card title="Marketplace" href="https://rive.app/marketplace?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/marketplace.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=06f8c18cd33fb309196964150f91fd92" width="800" height="344" data-path="images/learn/marketplace.png">
    Explore real Rive files and open them directly in the editor to see how they’re built.
  </Card>

  <Card title="Scripting Demos" href="/scripting/demos" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/scripting-demos.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=e286863d7b98c6258adcc63ed6e8b0b7" width="800" height="344" data-path="images/learn/scripting-demos.png">
    Examples that use scripting to control behavior and interactivity.
  </Card>

  <Card title="Runtime Demos" href="/runtimes/demos" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/runtime-demos.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=500eefdcc88ab1cb2fd1cd3808c7bc5e" width="800" height="344" data-path="images/learn/runtime-demos.png">
    See how Rive integrates across web, mobile, and game engines.
  </Card>
</CardGroup>

## Featured videos

<CardGroup cols={3}>
  <Card title="Quick Start Tutorial" href="https://www.youtube.com/watch?v=u2kThOXc3Ek" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/quick-start.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=64249f6201cdeb2ac89547e151596be7" width="1280" height="720" data-path="images/learn/quick-start.png" />

  <Card title="Rive for Absolute Beginners" href="https://www.youtube.com/watch?v=7m4dwz8SCKo" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/video-beginners.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=a5f33f868aa36c8c61a4b49db21c843d" width="1280" height="720" data-path="images/learn/video-beginners.png" />

  <Card title="State Machines" href="https://www.youtube.com/watch?v=7m4dwz8SCKo" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/state-machine.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=4a8f79e767dccc70021fc3d6f13a32ed" width="1280" height="720" data-path="images/learn/state-machine.png" />
</CardGroup>

<div style={{ display: 'flex', justifyContent: 'flex-end',marginTop: 20 }}>
  <Link href="https://www.youtube.com/@Rive_app">More Videos ></Link>
</div>

## Case studies

See how teams are using Rive in production.

<CardGroup cols={3}>
  <Card title="Rive x Duolingo" href="https://rive.app/blog/duolingo-s-ai-powered-video-call-brings-lily-to-life?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/case-study-duolingo.jpg?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=11a6f9f6573807670fd669faaaed1db5" width="1024" height="576" data-path="images/learn/case-study-duolingo.jpg" />

  <Card title="Rive x Strava" href="https://rive.app/blog/strava-year-in-sport-built-with-rive?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/case-study-strava.webp?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=e0c25df579c4e14a9457dff5d7a3aa49" width="1024" height="576" data-path="images/learn/case-study-strava.webp" />

  <Card title="Rive x Spotify" href="https://rive.app/blog/spotify-used-rive-for-spotify-wrapped-2025?utm_source=docs&utm_medium=content" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/case-study-wrapped.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=0959d93c4bcbca682ada848cb12d1d76" width="1024" height="576" data-path="images/learn/case-study-wrapped.png" />
</CardGroup>

<div style={{ display: 'flex', justifyContent: 'flex-end',marginTop: 20 }}>
  <Link href="https://rive.app/blog/case-studies?utm_source=docs&utm_medium=content">More Case Studies ></Link>
</div>

## Community content

Learn from the Rive community through tips, tutorials, and in-depth courses.

<CardGroup cols={2}>
  <Card title="School of Motion" href="https://www.schoolofmotion.com/courses/rive-academy-volume-1" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/community-school-of-motion.webp?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=1d48d072f034531b019da45328f32fbc" width="1920" height="1080" data-path="images/learn/community-school-of-motion.webp">
    **Rive Academy: Volume 1**

    Rive Academy: Volume 1 is the ultimate introduction to the world of interactive animation built with Rive. You’ll learn how to design, animate, and prototype interactive motion design that you can ship anywhere.
  </Card>

  <Card title="Motion Design School" href="https://motiondesign.school/courses/rive-interactive-motion/" img="https://mintcdn.com/rive-update-scripting-docs-885/I5OI6g_1SqTFIRrb/images/learn/community-motion-design-school.png?fit=max&auto=format&n=I5OI6g_1SqTFIRrb&q=85&s=e81cc0341ea775cc12562a2a7f109b09" width="960" height="540" data-path="images/learn/community-motion-design-school.png">
    **Rive: Interactive Motion**

    Discover the web-based software revolutionizing interactive experiences. Build 2 big faux 3d spaces filled with awesome interactive setups. Learn on practice all Rive techniques and use it in full power.
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="Community Tips & Tricks" href="https://community.rive.app/c/tips-tricks">
    Practical tips, tricks, and workflows shared by Rive users.
  </Card>
</CardGroup>
