Flat 30% off for Singapore 🇸🇬

Integrations · Media and motion

Rive and Framer: how to connect them

Rive animations go into Framer through the Rive plugin on the Framer Marketplace, which lets you drag and drop Rive assets onto the canvas. Rive suits interactive animations with states, such as buttons and characters that respond to input.

At a glance

  • How it connectsA marketplace plugin
  • Where in FramerPlugins, Rive
  • Checked29 October 2026

By Shaheer Malik · Source: Framer Marketplace: Rive plugin, read on 29 October 2026

Quick answer: Rive animations go into Framer through the Rive plugin on the Framer Marketplace, which lets you drag and drop Rive assets onto the canvas. Rive suits interactive animations with states, such as buttons and characters that respond to input.

How to connect Rive to Framer

  1. Open the Plugins panel in Framer and find Rive
  2. Add your Rive file
  3. Drag it onto the canvas and set its state machine inputs
  4. Test interactions on the published site

Good to know

About Framer Marketplace plugins

Framer's help describes plugins as third-party tools built by developers and creators, which run inside your Framer project to connect external services, sync content or add features. Before relying on one, check its marketplace listing for what it syncs, how often, and who maintains it, and keep a note of how to rebuild without it.

Keep media fast and accessible

At a glance

ToolRive
CategoryMedia and motion
How it connectsA marketplace plugin
Where in FramerPlugins, Rive

Rive and Framer questions

Does Framer support Rive?

Yes, through the Rive plugin on the Framer Marketplace, which places Rive assets on the canvas.

Related integrations

Every integration is on the integrations page. If you would rather have the site built with this already connected, the Framer website sprint is $1,999 fixed for 14 days.

Want it connected for you?

I design and build Framer sites with analytics, forms and integrations set up, for a fixed $1,999 in 14 days.