Stardust Button is a high-end, visually rich CTA component designed to bring depth, motion, and personality to your interface.
Instead of flat, lifeless buttons, this component uses layered shadows, soft glow accents, and subtle motion to create a tactile, almost “alive” feel. Hover states reveal dynamic lighting effects, icons transition smoothly, and every interaction feels intentional and satisfying.
It’s built for designers who care about the details—those small moments that elevate a product from good to exceptional.
You can use it as a standard button or a link, making it flexible for navigation, call-to-actions, or interactive elements across your site. Everything is fully customizable directly in Framer, so it fits seamlessly into your design system.
Primary call-to-action buttonsHero sectionsLanding pagesProduct launchesPortfolio websitesCreative and premium brand experiences
Stardust Button combines layered CSS effects with smooth transitions to simulate depth and light interaction.
On hover, the button subtly shifts, glow accents animate, and icons can swap to create a more dynamic feel. On click, the button compresses slightly, reinforcing a tactile, responsive interaction.
It supports both button actions and link navigation, making it easy to integrate into any flow.
You can control:
Button text and link behavior
Hover and default icons
Typography and font styling
Background, accent glow, and text colors
Border radius and spacing
Padding and layout
Click/tap actions
All adjustments update instantly inside Framer.
If you want your interface to feel more premium, interactive, and polished, Stardust Button helps you go beyond basic UI.
It turns a simple click into a moment users actually notice.