Design a Liquid Interactive Floating Action Button with Rive

Design a Liquid Interactive Floating Action Button with RiveDesign a Liquid Interactive Floating Action Button with Rive

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

Sandeep Kumar

• Apr 14

Liquid Action Button Interaction 💧

Designed an interactive floating action button that expands into contextual actions. On tap, a smooth liquid transition reveals secondary actions like Save and Send.

Built using Rive with a focus on fluid motion, responsiveness, and tactile feedback. Live preview available at: https://paytonicon.framer.website/save-send-to

Rive figam Animation Rive Animation UI Design Figma

Mariusz Mitkow

• Apr 13

Something new in Unicorn studio. calling it COMA. market data terminal running through a glyph dither pass. looks like signal from a dead satellite.

Figma unicornstudio Illustration

Godwin John

pro

• Apr 13

Sweet 🫡

Dani Evstratenko

pro

• Apr 13

My project has been featured on the main page of Contra, among other beautiful projects 😍! Thank you so much for highlighting my work. More to come 🙌

featured Rive

Tonye Onuoha

pro

• Apr 14

Amazing work Dani, congratulations 🎉

Jordane Lelong

pro

• Apr 13

One of my favorite projects from the past few months.

Built in @Framer in 2 weeks for a B2B company in the luxury space, working with amazing brands like Rimowa, Messika, and Copin. This project also expanded into product design for their platform and internal tools, plus pitch decks and demo prototypes for the sales team. What a mission!