Design Stunning Animations in Rive: Lightweight and Efficient

Caleb Huang · 2026-06-01T14:37:09.823Z

I made these loaders all within Rive (https://www.linkedin.com/company/rive-app/) . The biggest file size was a whopping 10kb!

Design Stunning Animations in Rive: Lightweight and EfficientDesign Stunning Animations in Rive: Lightweight and Efficient

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Caleb Huang

pro

• Jun 1

I made these loaders all within Rive . The biggest file size was a whopping 10kb!

Animation Motion Design Rive Rive Animation

Celia | BEFAR Studio

max

• 2d

Sick 🔥

NOMAN IJAZ

• May 31

Your product launch, visualized like a NASA mission.

FlowCast is an AI-powered product launch command center built entirely with Google Stitch — designed for founders, growth operators, and startup teams who need real-time launch intelligence in one place.

5 fully animated, interactive pages:

Launch Dashboard — live metrics, animated score ring, momentum feed

Launch Countdown — cinematic timer with GO LIVE trigger

Audience Intel — world heatmap, persona breakdown, sentiment arc

Content Command — AI draft generator with viral score probability

Settings — profile, integrations, notification toggles

🔗 Live Prototype: https://flowcast-mission-control-507808598152.europe-west2.run.app/

How I used Stitch: Started from a blank canvas. Used streaming generation to build all 5 pages, in-place AI edits to fix and animate components without breaking existing layouts, and native HTML canvas motion for all animations — arcs, count-ups, pulsing maps, ghost cursor, and ripple effects. Exported directly to a live deployment link.

What makes it different: Every metric moves. Every number counts up. Every page breathes. FlowCast doesn't just show you launch data — it makes you feel the momentum.