This project showcases a set of animated icons created using Rive, designed to bring interactivity and life to user interfaces. The goal was to turn flat, static SVG icons into responsive, lightweight animations developers and designers could integrate seamlessly into modern products.

I began by selecting icons from the Untitled UI library. Since Rive requires elements to be independently animated, I separated each icon into meaningful layers in Figma. These were then exported as SVGs and imported into Rive.

Inside Rive, I adjusted pivot points and created simple but effective animations — mostly using rotation, scale, and opacity keyframes. To showcase a full set, I nested multiple icon animations into a single artboard, creating a modular system that could be previewed in one place.

Each icon animation was built to loop or trigger based on interaction states (hover, click, or toggle), depending on the use case.

https://rive.app/marketplace/19064-35872-icon-animation/

Created a lightweight, scalable icon system

2. Reduced dev time by exporting directly in Rive format

3. Enabled smoother handoff for developers

4. Improved visual engagement for interactive UI elements

Whether you’re building a new product or refining an existing product, Let's lcollaborate and ship your idea to life

📧Email: davecsko@gmail.com