5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8d1,

An image or video in a liquid glass frame: the 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 or video.
Image: The photo.
Video: An MP4 or WebM file. Plays muted and loops.
Poster: Still shown while the video loads.
Focus: Focus point when the photo is cropped.
Content: Any frame placed on top, such as a tag or title.
Radius: Corner radius.
Bezel: Width of the bent edge.
Refraction: How strongly the edge bends the image. 0 is off.
Frost: Blur along the edge.
Highlight: Strength of the light on the glass.
Light: Light colour.
Edge: Rim colour.
Tint: Colour laid over the whole image.
Wobble: How much the glass moves on hover.
Hover Zoom: Image zoom on hover.
Shadow: Soft shadow under the card.
Phone Refraction: Bend the edge on phones too.
Priority: Load the image first. Only for an image at the top of the page.

Phones, dark mode, Arabic

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, and it works on Arabic right-to-left pages.

What you get

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

All ten in one project for $49: Motion Kit

All sales are final, no refunds.

5a:[["$","$L5d",null,{"post":{"id":"01a11713-3dcc-763d-a84d-b2066887c968","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d1f1d4af-85b2-49e8-a917-767bf65caf02","name":"Andrii Zakharov","slug":"unreelae","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/g3wze15e","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8TKjTFxKsdiLAv0vhsAD","resolved":true,"title":"Glass Bezel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An image or video in a liquid glass frame: the edge bends the picture like thick glass, a soft light follows the cursor, and the glass wobbles gently on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it as the image of a card. Put a tag or caption on top with Content."}]},{"type":"customHeading","content":[{"type":"text","text":"Controls"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media","marks":[{"type":"bold"}]},{"type":"text","text":": Image or video."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image","marks":[{"type":"bold"}]},{"type":"text","text":": The photo."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video","marks":[{"type":"bold"}]},{"type":"text","text":": An MP4 or WebM file. Plays muted and loops."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Poster","marks":[{"type":"bold"}]},{"type":"text","text":": Still shown while the video loads."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus","marks":[{"type":"bold"}]},{"type":"text","text":": Focus point when the photo is cropped."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content","marks":[{"type":"bold"}]},{"type":"text","text":": Any frame placed on top, such as a tag or title."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radius","marks":[{"type":"bold"}]},{"type":"text","text":": Corner radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bezel","marks":[{"type":"bold"}]},{"type":"text","text":": Width of the bent edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Refraction","marks":[{"type":"bold"}]},{"type":"text","text":": How strongly the edge bends the image. 0 is off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frost","marks":[{"type":"bold"}]},{"type":"text","text":": Blur along the edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highlight","marks":[{"type":"bold"}]},{"type":"text","text":": Strength of the light on the glass."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light","marks":[{"type":"bold"}]},{"type":"text","text":": Light colour."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge","marks":[{"type":"bold"}]},{"type":"text","text":": Rim colour."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tint","marks":[{"type":"bold"}]},{"type":"text","text":": Colour laid over the whole image."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wobble","marks":[{"type":"bold"}]},{"type":"text","text":": How much the glass moves on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Zoom","marks":[{"type":"bold"}]},{"type":"text","text":": Image zoom on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow","marks":[{"type":"bold"}]},{"type":"text","text":": Soft shadow under the card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Phone Refraction","marks":[{"type":"bold"}]},{"type":"text","text":": Bend the edge on phones too."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Priority","marks":[{"type":"bold"}]},{"type":"text","text":": Load the image first. Only for an image at the top of the page."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Phones, dark mode, Arabic"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"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, and it works on Arabic right-to-left pages."}]},{"type":"customHeading","content":[{"type":"text","text":"What you get"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page."}]},{"type":"paragraph","content":[{"type":"text","text":"All ten in one project for $49: "},{"type":"text","text":"Motion Kit","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/bJeeVd3Pq0y116z5l4f3a0i","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"All sales are final, no refunds."}]}]},"introduction":"Media in a liquid glass frame","slug":"glass-bezel","author":{"framerUserId":"d1f1d4af-85b2-49e8-a917-767bf65caf02","name":"Andrii Zakharov","slug":"unreelae","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/g3wze15e","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1f1d4af-85b2-49e8-a917-767bf65caf02/01a11712-8a4d-742f-863a-7b6743c92ddd.jpg","metadata":{"tint":{"h":0,"s":53,"l":66},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-07T15:54:58.682Z","updatedAt":"2026-10-07T15:54:58.682Z","publishedAt":"2026-10-07T15:54:58.678Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://primary-terms-391108.framer.app","price":"9","paymentUrl":"https://buy.stripe.com/dRm5kD4TucgJ9D5fZIf3a0h","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"mCFxTZLsJJCbxDasx6hw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T15:54:59.404Z","updatedAt":"2026-10-07T15:54:59.404Z","reported":false}}],"$L5f"]

Suggested for you