Eye-catching glass button with animated gradients and cloud effects.
Make it with Workshop
Build your own component with AI
Aurora Glass Button
Elevate your Framer projects with the Aurora Glass Button - a stunning, production-ready component that combines modern glassmorphic design with vibrant gradient colors and mesmerizing animated effects.
The Aurora Glass Button features a sophisticated multi-layer glass effect with animations that create depth and visual interest. The vibrant blue-to-purple-to-pink gradient flows beautifully beneath frosted glass layers, creating an eye-catching effect that will make your site impossible to ignore.
Typography: Select any font from Framer's library, adjust size (12-48px), and customize text color
Shape: Control border radius (0-50px) for anything from sharp edges to pill shapes
Content: Add custom text and optional emoji icons
Links: Built-in link support with options to open in new tabs
Call-to-action buttons
Contact forms
Landing pages
Hero sections
Product launches
Portfolio sites
Modern web apps
Smooth hover animations with color rotation and scale effects
Professional glassmorphic layers with backdrop blur
Animated effects for added depth
Fully responsive and scales beautifully
Works perfectly in canvas, preview, and published sites
Simply drag the component onto your canvas and start customizing through the property panel. All controls are organized and intuitive, making it easy to create your perfect button in seconds.
Built with performance in mind, this component uses optimized CSS and React for smooth animations without impacting page load times.
Ready to make your buttons unforgettable? Add the Aurora Glass Button to your toolkit today! ✨