Glass Bezel

Glass Bezel is a Framer liquid glass component: an image or video in a glass frame whose edge bends the picture like thick glass. A soft light follows the cursor and the glass wobbles gently on hover.

Use it as the image of a card. Put a tag or caption on top with Content.

Controls:

• Media, Image, Video, Poster, Focus: an image, or an MP4 or WebM that plays muted and loops, with a still shown while it loads and a focus point when cropped

• Content: any frame placed on top, such as a tag or title

• Radius, Bezel, Refraction, Frost: corner radius, width of the bent edge, how strongly the edge bends the image (0 is off), blur along the edge

• Highlight, Light, Edge, Tint: strength and colour of the light, rim colour, colour over the whole image

• Wobble, Hover Zoom, Shadow

• Phone Refraction: bend the edge on phones too

• Priority: load the image first. Only for an image at the top of the page

Phones keep the frame, frost and light but skip the bent edge unless Phone Refraction is on. With reduced motion there is no wobble or zoom. Colour controls take your tokens, so dark mode follows the theme. It works on Arabic right-to-left pages.

Setup: paste the component onto the canvas, add an image or video, then adjust Bezel and Refraction until the edge bends the way you want.

After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page.

All nine components in one project, the Motion Kit, are USD 49: https://buy.stripe.com/bJeeVd3Pq0y116z5l4f3a0i

All sales are final, no refunds. If the component link does not work or you were charged twice, email hello@unreel.ae and we fix it.