>

✨ ElevateDot: Flat-to-Fun Button with Subtle Depth

Updated —

Jul 11, 2025

✨ ElevateDot: Flat-to-Fun Button with Subtle Depth

ElevateDot is a playful experiment in minimalism — a flat-style button reimagined with shadow, light, and particles to create depth and delight. Designed in Figma and Framer, it visually “elevates” when interacted with, giving off a fun, click-ready vibe. The subtle use of physical-world cues like shading and texture transforms a basic shape into a more inviting, tactile element. Part of a design study on real-world influence in UI, this component is ideal for clean yet expressive interfaces.

Created by

Your Input Matters

Take a 1-min survey to shape this component’s future.

Your Input Matters

Take a 1-min survey to shape this component’s future.

Your Input Matters

Take a 1-min survey to shape this component’s future.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Found a bug or have and ideas drop me a email

Or send me a twitter dm

Create a free website with Framer, the website builder loved by startups, designers and agencies.