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

# Introduction

> Rive is an agent-native 2D and 3D engine for games, apps, and interactive UI. Build with your coding agent through the Rive CLI, or by hand with professional design and animation tools in the Rive Editor. Use Rive as your whole engine, or add it to the products you already have. Open-source runtimes, no royalties or runtime fees.

<video src="https://static.rive.app/video/web-apps.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/figma_rive.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/product_ui2.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/broadcast.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/automotive.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/joel_home.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/video.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/game-ui.mp4" autoPlay loop muted playsInline />

<video src="https://static.rive.app/video/territory_sequence.mp4" autoPlay loop muted playsInline />

## Rive at a glance

> [card] [1. Design](https://rive.app/docs/editor/fundamentals/artboards.md)
>
> Create vector graphics, responsive layouts, and reusable components, or import images, audio, fonts, and other assets from your favorite design tools.

> [card] [2. Animate](https://rive.app/docs/editor/animate-mode/animate-mode-overview.md)
>
> Bring your designs to life with timelines, keyframes, and smooth interpolation.

> [card] [3. Make Interactive](https://rive.app/docs/editor/state-machine/state-machine.md)
>
> Build interactive experiences that respond to user input, screen size, scrolling, and application state.

> [card] [4. Control using Data](https://rive.app/docs/editor/data-binding/overview.md)
>
> Connect animations, text, colors, layouts, and other properties to real-time data.

> [card] [5. Scripting](https://rive.app/docs/scripting/getting-started.md)
>
> Use scripting to create custom interactions, procedural animation, and behaviors that go beyond the built-in tools.

> [card] [6. Publish Anywhere](https://rive.app/docs/runtimes/getting-started.md)
>
> Export once and use your interactive graphics across websites, mobile apps, games, videos, and more.

## Quick start

New to Rive? This step-by-step quickstart walks through the core concepts of the editor while building a complete interactive project from start to finish.

[YouTube video player](https://www.youtube.com/embed/u2kThOXc3Ek)