I may have gone a little too far with this button 😅

Meet Optical Glass Button.

I wanted a glass button where the effect wasn't just blur + transparency.

The top and bottom edges catch moving light. The sides curve into darker optical shading. Hovering lights the glass from within, lifts the button and releases a soft colored glow underneath.

Then I added controls for inner light, inner shadow, edge masking, custom SVG icons, soft highlights, secondary shadows and a tiny playground to experiment with it.

And because I can't stand snappy motion, the whole interaction uses long, buttery-smooth transitions.

Built entirely for Framer.

This is one of the components where I kept adding “one last detail” and somehow every detail made it better.

I may have gone a little too far with this button 😅

Meet Optical Glass Button.

I wanted a glass button where the effect wasn't just blur + transparency.

The top and bottom edges catch moving light. The sides curve into darker optical shading. Hovering lights the glass from within, lifts the button and releases a soft colored glow underneath.

Then I added controls for inner light, inner shadow, edge masking, custom SVG icons, soft highlights, secondary shadows and a tiny playground to experiment with it.

And because I can't stand snappy motion, the whole interaction uses long, buttery-smooth transitions.

Built entirely for Framer.

This is one of the components where I kept adding “one last detail” and somehow every detail made it better.