Bento Grid + Rive animations

Bento Grid + Rive animations

Here's an early preview of a Bento grid I designed recently. The illustrations were created in Figma and animated with Rive. See full-res image below 👇

Autoplay on Mobile

Since handheld devices have no hover functionality, I set the Rive object's autoplay property to true. This way, the Mouse Enter and Mouse Leave animations play continuously, creating a seamless, video-like effect. Nice.

Larger images

Virgil Pana
Product Designer interested in Web Apps and Agentic Design

More by Virgil Pana

View profile