Rive for Game UI

Use Cases

Build captivating interactive moments

Make your products more engaging and bring joy back to the development process. Rive makes it easy to deliver delightful experiences while making it a breeze for designers and developers to work together.

How Duolingo rebuilt all their characters with Rive

Rive made Duolingo's files smaller and more performant, while also making lip-syncing possible at scale.

How Duolingo rebuilt all their characters with Rive

Rive made Duolingo's files smaller and more performant, while also making lip-syncing possible at scale.

How Duolingo rebuilt all their characters with Rive

Rive made Duolingo's files smaller and more performant, while also making lip-syncing possible at scale.

Game UI

Create interactive, animated graphics that are ready to ship to game engines.

Game UI

Create interactive, animated graphics that are ready to ship to game engines.

Game UI

Create interactive, animated graphics that are ready to ship to game engines.

Figma homepage

Figma's website uses interactive Rive animations to show how their products work.

Figma homepage

Figma's website uses interactive Rive animations to show how their products work.

Figma homepage

Figma's website uses interactive Rive animations to show how their products work.

Struck x Chia

How Rive helped Struck bring ambitious ideas to life for the Chia.com redesign

Struck x Chia

How Rive helped Struck bring ambitious ideas to life for the Chia.com redesign

Struck x Chia

How Rive helped Struck bring ambitious ideas to life for the Chia.com redesign

Pull-to-refresh

Create pull-to-refresh animations that work on iOS, Android, Flutter, React Native, and more.

Pull-to-refresh

Create pull-to-refresh animations that work on iOS, Android, Flutter, React Native, and more.

Pull-to-refresh

Create pull-to-refresh animations that work on iOS, Android, Flutter, React Native, and more.

Avatar Creator

Learn to use Rive's State Machine to build an interactive Avatar Creator.

Avatar Creator

Learn to use Rive's State Machine to build an interactive Avatar Creator.

Avatar Creator

Learn to use Rive's State Machine to build an interactive Avatar Creator.

Rive vs Lottie

Rive files are smaller, faster, and take less memory.

Rive vs Lottie

Rive files are smaller, faster, and take less memory.

Rive vs Lottie

Rive files are smaller, faster, and take less memory.

Hero animations

Make websites and apps more engaging with interactive illustrations.

Hero animations

Make websites and apps more engaging with interactive illustrations.

Hero animations

Make websites and apps more engaging with interactive illustrations.

Interactive forms

Make a signup experience playful with animations that respond to forms.

Interactive forms

Make a signup experience playful with animations that respond to forms.

Interactive forms

Make a signup experience playful with animations that respond to forms.

Interactive components

Design functional components that are ready to ship.

Interactive components

Design functional components that are ready to ship.

Interactive components

Design functional components that are ready to ship.

Animated emojis

Animated emojis help us convey our human emotions across our digital channels.

Animated emojis

Animated emojis help us convey our human emotions across our digital channels.

Animated emojis

Animated emojis help us convey our human emotions across our digital channels.

Animated buttons

Design animated buttons that are ready to ship.

Animated buttons

Design animated buttons that are ready to ship.

Animated buttons

Design animated buttons that are ready to ship.

Error messages

Make error messages fun with interactive motion graphics.

Error messages

Make error messages fun with interactive motion graphics.

Error messages

Make error messages fun with interactive motion graphics.

Animated icons

Easily create animated icons that respond to interactions.

Animated icons

Easily create animated icons that respond to interactions.

Animated icons

Easily create animated icons that respond to interactions.

Celebratory moments

Reward users when they successfully complete a task.

Celebratory moments

Reward users when they successfully complete a task.

Celebratory moments

Reward users when they successfully complete a task.

Empty states

Add delight to empty states of your app or error pages.

Empty states

Add delight to empty states of your app or error pages.

Empty states

Add delight to empty states of your app or error pages.

Educational graphics

Make it easy to learn complex topics with educational graphics.

Educational graphics

Make it easy to learn complex topics with educational graphics.

Educational graphics

Make it easy to learn complex topics with educational graphics.

Animated logos

Make your brand stand out with motion.

Animated logos

Make your brand stand out with motion.

Animated logos

Make your brand stand out with motion.

Animated mascots

Bring brands to life with interactive characters.

Animated mascots

Bring brands to life with interactive characters.

Animated mascots

Bring brands to life with interactive characters.

Characters

Create characters for games, websites, and products.

Characters

Create characters for games, websites, and products.

Characters

Create characters for games, websites, and products.

Toggle buttons

Easily build unique animated design components.

Toggle buttons

Easily build unique animated design components.

Toggle buttons

Easily build unique animated design components.

Star rating

Build rating systems that stand out from basic defaults.

Star rating

Build rating systems that stand out from basic defaults.

Star rating

Build rating systems that stand out from basic defaults.

Loaders

Motion makes loading moments informative.

Loaders

Motion makes loading moments informative.

Loaders

Motion makes loading moments informative.

Animated avatars

Use animation to make avatars feel alive.

Animated avatars

Use animation to make avatars feel alive.

Animated avatars

Use animation to make avatars feel alive.

Data visualization

Improve storytelling with animated charts and graphs.

Data visualization

Improve storytelling with animated charts and graphs.

Data visualization

Improve storytelling with animated charts and graphs.

Animated stickers

Create animated sticker packs for popular apps like Telegram.

Animated stickers

Create animated sticker packs for popular apps like Telegram.

Animated stickers

Create animated sticker packs for popular apps like Telegram.

Onboarding screens

Make onboarding moments more engaging with interactive animations.

Onboarding screens

Make onboarding moments more engaging with interactive animations.

Onboarding screens

Make onboarding moments more engaging with interactive animations.