Share Links
Share Links are a fast no-code way to get your Rive files running on a website or to present your graphics to a client.
This article is out of date! Find the new version here.
Share the current version of the file you're working with share links. Note that this is not the same as giving someone access to the live file with all its revision history. This link will be a frozen version of the file in its current state. If you make changes to the file, you'll need to generate a new share link.
Creating a share link
Generate a share link from the Export menu. This link can be shared with anyone, not just your team members.
Choose which artboard, animation, or state machine you want to share in the Share Link modal.
Share link options
Once you click on the "Generate link" button, several share link types appear:
Share link - Displayed within a border frame on the Rive site at a unique URL. Use this for quickly showing off your Rive creation to clients without having to stage it within the context of a web application yourself
Embed link - Standalone display of your Rive creation without the context of the border frame. Use this link when you want to embed your Rive creation into other 3rd party platforms that support unfurling and displaying your Rive creation still as a preview (i.e Notion, Tome, Telegram)
Embed code - A code snippet that allows you to embed your Rive creation's embed link in an iframe. This is useful for where you need to drop Rive into a platform where you can edit HTML (i.e Webflow, WordPress, etc.) and you don't want to deal with setting up the creation with a web runtime
Framer code - A code snippet specifically for embedding Rive into Framer sites. Pasting this into a new Framer component gives you several options for controlling Rives, such as layout configuration, animation playback, and state machine input control. See the Framer and Rive subpage for more on how to use Framer code snippets.
Integrations
Use share links to embed your Rive files with other well-known tools and platforms! This is not a full list. Most tools will support Rive share links using the methods described here.
Framer
If you're looking to bring Rives to a Framer site, take advantage of the Framer component code snippet when creating a share link; no custom code is needed. With this integration, you copy our code snippet for your specified artboard and animation/state machine and paste it into a new Framer code component. With this new component, you can drag and drop it into your page and control playback, layout, and even state machine usage.
See the Framer and Rive subpage to find more details and examples.
Notion
Copy the share or embed link
Paste the link in Notion.
Select the Embed option that appears in the context menu.
Webflow
Copy the embed code with the iframe HTML block
In Webflow, click the + sign to add a component and add an Embed to access the HTML Embed Code Editor
Paste the embed code you copied from the Rive editor
Tome
Copy the embed link
In Tome on a slide of your choosing, add a weblink
Paste the embed link you copied from the Rive editor
Social Media
Copy the share link
Paste it into your favorite platform
See your Rive creation unfurl when you post
Managing share links
Visit the Share Links section of your settings to manage the links you've generated. You can disable a share link by setting its Active toggle to off.
Last updated