Design studios using Rive

Explore studio websites with Rive detections as a starting point for interactive motion research. Rive is an animation and interaction tool, so it can appear alongside a separate website builder, framework or CMS.

The guide below is free to read; Pro unlocks the filtered studio list.

Rive animation in studio websites

Rive supports interactive graphics that run inside an application or website. When reviewing a portfolio, look for a clear purpose for the interaction: introducing an identity, demonstrating a product behaviour or responding to an action. Consider whether the same information is understandable before the animation finishes or when it is unavailable.

Explore the official Rive website for product details and documentation.

Evaluating interaction rather than decoration

Try an example with touch and keyboard input as well as a pointer. Notice how it communicates an available action, responds to repeated input and returns to its initial state. A short interaction should help visitors understand the work without preventing them from reaching a project description, navigation link or contact detail.

Planning accessible motion and ongoing support

Ask how reduced-motion preferences are handled and what fallback appears if an asset cannot load. Agree on responsibility for both the animation file and its integration into the website. When commissioning work, request the editable source and discuss how future changes to text, branding or interaction states will be made.

About this Rive studio directory

Does a Rive detection mean the whole website was built with Rive?

No. It may identify an embedded animation or runtime rather than the site platform. Older broad detections could also produce false positives; stored results should be checked against the current site before drawing conclusions about a studio’s animation workflow.

How current are these technology detections?

These are stored automated detections from studios' own websites. Scan dates vary, and redesigns can change a stack. Inclusion does not verify certification, available services or the technology used on a studio's client projects.

Our 400-studio technology analysis explains the historical data and its limitations.

Explore Next.js, Webflow and Framer to understand other tools used on studio websites. A CMS, framework and animation tool can work together on the same site.

For references beyond the technology, browse design work by discipline and use our studio portfolio checklist to review content, accessibility and presentation.