Uploaded July 2026 | Updated September 2026, 7 hours ago
Project file: https://rive.app/community/files/25735-48054-quick-start-tutorial/?utm_source=youtube&utm_medium=description&utm_campaign=youtube_to_marketplace_links
Image/Sound files: dropbox.com/scl/fo/jhmecjigqoh46tnq7x3zm/AB_DMlHMMO2oMLSLoNunx-k?rlkey=xcov9ebmvit4ejsif1xj2q73b&dl=0
Rive is a design tool for creating interactive, production-ready graphics for websites, games and apps.
In this quick-start tutorial we'll be creating an interactive menu. We'll cover a range of different features including: design, animation, layouts, data-binding, state machines, listeners, audio events, view models, instances, lists... and a whole lot more.
This is an update of the original Quick Start tutorial that reflects new UI and workflow.
00:00 - Intro
00:24 - Editor basics
02:30 - Artboards/Components
03:17 - View Models
04:30 - Importing assets
05:00 - Text
06:00 - Layouts
12:00 - Data Binding
14:00 - Instances
16:00 - Create more components
27:10 - Resizeable background component
27:50 - Solos
28:25 - Nesting components
31:35 - Arrange nested components using Layouts
34:45 - Lists
38:30 - Property of another View Model
41:15 - Animation and State Machine logic
47:40 - State Machine Layers
52:50 - Animation
57:55 - List Index
1:01:55 - Interactivity with Listeners
1:08:00 - Click Interaction
1:16:16 - Start button interaction
1:25:55 - Sound
Project file: https://rive.app/community/files/25735-48054-quick-start-tutorial/?utm_source=youtube&utm_medium=description&utm_campaign=youtube_to_marketplace_links
Image/Sound files: dropbox.com/scl/fo/jhmecjigqoh46tnq7x3zm/AB_DMlHMMO2oMLSLoNunx-k?rlkey=xcov9ebmvit4ejsif1xj2q73b&dl=0
Rive is a design tool for creating interactive, production-ready graphics for websites, games and apps.
In this quick-start tutorial we'll be creating an interactive menu. We'll cover a range of different features including: design, animation, layouts, data-binding, state machines, listeners, audio events, view models, instances, lists... and a whole lot more.
This is an update of the original Quick Start tutorial that reflects new UI and workflow.
00:00 - Intro
00:24 - Editor basics
02:30 - Artboards/Components
03:17 - View Models
04:30 - Importing assets
05:00 - Text
06:00 - Layouts
12:00 - Data Binding
14:00 - Instances
16:00 - Create more components
27:10 - Resizeable background component
27:50 - Solos
28:25 - Nesting components
31:35 - Arrange nested components using Layouts
34:45 - Lists
38:30 - Property of another View Model
41:15 - Animation and State Machine logic
47:40 - State Machine Layers
52:50 - Animation
57:55 - List Index
1:01:55 - Interactivity with Listeners
1:08:00 - Click Interaction
1:16:16 - Start button interaction
1:25:55 - Sound
