Engaging Web Animations with Rive: Minimalist and Interactive

Engaging Web Animations with Rive: Minimalist and InteractiveEngaging Web Animations with Rive: Minimalist and Interactive

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

Val Guerra

pro

• 1d

Feature sections don't have to be static 🚫. Here are 4 web animations I made with @Rive. Minimal design, smooth motion, fully interactive. Each animation is built around the core idea of its feature. Not a literal representation, but a visual that captures the concept and makes it easier to understand at a glance. Third one is my favorite. Which one's yours?

Rive design motion

Varad Parulekar

• 15h

great idea

Abhiram Tinguria

• 1d

Really like the idea of representing features through behavior rather than illustration. How do you decide the abstraction level without hurting clarity?

Cayo O.

pro

• Feb 24

Website motion with Rive. Check it out

Rive Animation Motion Design Rive

frédéric BERRIA

pro

• Feb 24

Punch 1.0.1 🤖 Rive is my favourite 2D engine. So naturally, I built a 3D fighting game in it.

Punch is a 1 vs 1 robot combat game where every mesh, every polygon, every depth-sorted face is computed in real-time through Luau scripting. No external 3D library nor API. The gameplay is simple and brutal: throw a punch, parry if you can, hope for the best. Two robots, one arena, zero polygons wasted on diplomacy. Luau handles perspective projection, mesh rendering, depth-sorting, face culling, and real-time animation, all running within the Rive state machine. The robot models are pushed from Blender to Rive. Every frame, the script redraws the scene. It runs in my browser today, my phone asap. A fighting game felt like the right kind of absurd.

Play it here: https://pencil-park.com/piot

Rive gameswithrive