Build a Liquid Glass Tab Bar Animation with Rive CLI

Build a Liquid Glass Tab Bar Animation with Rive CLIBuild a Liquid Glass Tab Bar Animation with Rive CLI

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

heisenbergg .

• Oct 7

A liquid glass tab bar. Tap a tab and the water drop slides over, sloshes and splashes, and the page follows. Everything runs live in one Rive file, built with the Rive CLI.

Rive Rive Animation Interaction Design

Sirojiddin Makhammatov

pro

• Oct 8

🧟 Time to think and solve the Zombie Puzzle Race! 🧠

🎮 Play here: START

You might have seen this logical puzzle in different games or puzzle books. I love making puzzle games, so I decided to recreate this one by hand.

For this challenge, I didn't want to give everything to an AI agent. Instead, I decided to use the full power of Rive together with Rough 2D animation and GPU canvas shaders.

I also used many of the Rive features I've learned throughout my journey:

• Triggers • Property Groups • State Machines • Data Binding • Scripting

🧟 Game Goal

There are 4 zombies — 3 regular zombies and 1 zombie wearing a cap. 🎃

⚡ Each zombie starts with 100 energy.

🍭 Your goal is to get the zombie with the cap to the lollipop, then bring him back together with his friends to the starting position. The other zombies need to help by sharing their energy with each other.

💥 But there's a catch: zombies can share energy only when they are on the same line.

⚠️ Don't waste your energy — one wrong move can make you lose!

🧠 So... can you find the solution?

Try the puzzle and share your solution!

Good luck, and have a great brain teaser! 🧟⚡🍭

rivehalloweenchallenge Rive Animation Rive