A modern glass-style button with smooth hover/pressed states, adjustable tint & blur, editable text, corner radius, and border width.
Made with Workshop
Build your own component with AI
The Glassy Button is a sleek glassmorphism component for Framer. It delivers a modern, interactive call-to-action with smooth hover and pressed effects: highlights intensify, reflections react to cursor direction, and the button feels polished and premium—ready to drop into any site.Customizable Properties
Text & Link: Set the button label and link to any URL (with target control).
Color & Tint: Adjust base color, glass tint, and opacity to match your brand.
Blur & Depth: Control backdrop blur and glass depth for the perfect sheen.
Light Direction & Reflection: Choose the light angle and reflection strength for dynamic highlights.
Radius: Fine-tune corner radius.
Usage: Drag and drop the component anywhere on your page—instant, elegant CTA.
Made by MM Studio