Glass style button with hover and pressed states. Editable color, stroke width.
Make it with Workshop
Build your own component with AI
Glassy Button Component
A modern, glass-style button for Framer with smooth hover and pressed states. Features fully editable icon color and stroke width for quick customization. The subtle frosted background and soft shadows make it great for minimal, high-end interfaces.
Key Features:
Glassy, frosted look with depth and subtle shine
Interactive hover and pressed states
Adjustable icon color and stroke width
Works with any icon from your library
Ideal for dashboards, navigation, and modern UIs
** The component uses the Iconic icon set, you need to add that vector set to your file to be able to swap icons on the component variable. See here: