Discover the best rive websites created by professional designers. Get inspired and start planning your perfect rive web design today!

Federico

Currently WIP.

Rive.app tooling for Webflow, configured via attributes.
Ideally will cover all possible interactions, still deciding how.

For now only allows (multiple) imports, automatically sets up the DOM for display, and allows to call for a state machine (by name) to enable listeners.

File can be stored in Webflow asset panel, more info in the docs.
Accepting suggestions/ideas through github.

Docs here: https://github.com/vallafederico/hacking-webflow/tree/master/src/riveTool


👀

Rive.app Tooling — WIP

Refokus

We collaborated with awork (a fast-growing work management tool made for agencies, consulting and tech) to create a cool new website that reflects on their values: For the Joy of Work!

awork

Sergii Stanchev

Learn how to set up a Rive file to make on-scroll animation in Webflow using GSAP scroll trigger. 
I will show a trick for hosting a .riv file directly in Webflow.

Control Rive animation with GSAP in Webflow.

Joshua Fry

Using a single 51kb Rive file I demonstrate how you can layer up interactive animations on a Webflow site. In this example I built a background with several different interactive properties, that responds to scroll, mouse input and various other elements on the page.

Rive Multi-layered Interactive Background Tutorial

Diego Menchaca

Struggling to integrate a Rive animation to your site? Here is a cloneable project you can clone and inspect.

Rive on Webflow

ggdesign.it

Vidflow is the easiest way to prettify and de-clutter your video embeds.

Vidflow — The clean video player for Webflow

The Digital Panda

For this Web3 infrastructure company, we worked with their existing brand concept to develop their digital presence.  We created a set of unique animated illustrations and a clean, unique design. 

Blockjoy

Technical demo demonstrating how to use a native Webflow tabs element to control a Rive file.

The state machine in the Rive file allows the face to shift between different shapes defined by Rive timelines. This is controlled using a 'number' input, which is then attached to the Webflow tabs using IX2.

Clone this and have a play!

Tabs with Rive

Antonio's Workspace

Tone at Tonemaki™

Tonemaki™ isn’t just a design service—it’s a solution. Built to strip away the noise and deliver precise, high-impact visuals, Tonemaki™ fuses 2D, 3D, motion, and Webflow to keep brands rolling forward. No fluff, no unnecessary steps—just world-class design, delivered effortlessly. The Tonemaki™ website is an exercise in precision. Every interaction, every visual, and every transition serves a purpose—just like the design process behind it. The site isn't here to impress. It's here to work.

Tonemaki™

Jeff McAvoy

Each CMS page loads a Rive animation file that has an image meshed and animated in three different motions. Using Rive's out-of-band asset loading feature, the image associated with the blog post in the CMS gets inserted into the animation. A selection field for "Animation Effect" in the CMS controls which of the three animations is played for that post's instance of the animation.

Because the animation file doesn't have an image embedded in it, the .riv file is only about 3kb.

Rive CMS Images

Kvalifik

Kvalifik's Workspace

InMobile helps companies with smart and innovative ways to create value with SMS. 

At Kvalifik, we migrated their website from its previous platform to Webflow. This involved meticulous adjustments to some page layouts and the introduction of captivating animated assets, breathing vibrant life into the entire site.

inMobile

A personal portfolio page to showcase my design, illustration, and animation work. Rive animations are integrated for some extra fun. 

Creative Jam 2023

This is a copy of the 2023 Summer Camp website I built for the Urban Ecology Center. It features CMS collections for camps, dates, ages, and before/after care. The raccoon on the home page is a Rive animation that follows the cursor and waves on hover. The filtering uses Finsweet's attributes.

See the live site here: https://summercamp.urbanecologycenter.org/

Summer Camps Website 2023

Axelar is the leader in interoperability within the web3 world. Our team came up with a fresh new design for their brand and digital experience.

Axelar

Emmett Armstrong

Armstrong Agency

Orb is a flexible usage-based billing tool for software companies. 

This design was completed by their internal team, and I handled the development from end-to-end. 

Built with client-first, Relume components, Rive embeds, and plenty of Webflow interactions.

Jadon7

Inscriptions Coin Market cap

UpCodes is a platform that helps builders and other construction professionals find information about building codes and laws. I've worked with them for years on their marketing site, including animations & more.

UpCodes

Fancy rive animations, a quick reference site for Cloud Guardrails best practices. From Resourcely.com

Cloud Guardrails

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3026881092

3106924665

3112069432

3120801339

3151661775

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

622649767

622649768

657188092

665836192

737109165

747504970

772001133

846847440

882147072

911514507

938734410

1004117952

1045828939

1049811722

105340574

1087856901

1120744071

1131151533

1157563538

1171384976

1197475705

1229056119

1234765101

1236803103

1250328847

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1350250754

1380813821

1380896143

1406455659

1418395020

1433303746

143629253

1437392009

1455163268

1455742168

1458975701

146940023

1475952185

1483622682

1490715908

1499868407

1501922903

1509255256

1530015515

1534768148

1545754914

1557989767

1568482678

1575119218

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

173185438

1733571395

1752293186

1753134293

1762715110

1803820771

1826978162

183596474

1836756734

1856326096

1857805694

1861549476

187681422

1905757080

1928608458

1931880952

1937559780

1944913766

1951876014

1968719184

2002365176

2011169820

2031799369

2034576520

2084850560

2085494476

2089309383

2091902242

21336891

Best Rive Websites | Free Examples & Designs

Discover Rive websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Rive websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Rive websites
built by the Webflow community