5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T703,

Shiny Glass Button

This is the high-fidelity Shiny Glass Button - a meticulously crafted component designed to bring a premium, tactile feel to your Framer projects. While most glassmorphism buttons feel flat, this one uses dynamic layering and physics-based interactions to create a truly "clickable" experience.

Key Features

Sleek Glint Animation: A realistic light sweep/glint moves across the surface of the button on hover, mimicking how light hits real glass.
Intensifying Background Blur: Using advanced backdrop filters, the background blur depth increases dynamically when hovered, making the button "pop" against your content.
Realistic Expanding Shadows: Instead of a simple drop shadow, this component features multi-layered, soft shadows that expand and soften as you hover, simulating physical lift.
Micro-Scale Feedback: A smooth, spring-animated scale-up effect provides instant visual confirmation for the user.

Endless Customization

This component is built to be flexible. You don't need to touch a single line of code to make it yours:

Typography: Change the label, font family, weight, and size directly in the Framer properties panel.
Colour Palette: Fully customizable glass tint, border colors, and text colors to match your brand's DNA.
Blur & Transparency: Dial the "frosted" look up or down by adjusting the background opacity and/or BG Blur level.
Corner Radius: Go from a sharp, modern rectangle to a soft, pill-shaped button in seconds.

59:[["$","$L5c",null,{"post":{"id":"019dafa6-f4cd-7fc7-9f22-2765f1a88ffc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"caf75520-be37-4afd-95bf-220e36af9f77","name":"Jan van der Horst","slug":"jan-van-der-horst-x3ahmn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2149037/avatar-nA67q8G6biWt7pc6KT1kryDpy8AKw7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"a1shLr4DxPU0xMvdlFZI","resolved":true,"title":"Shiny Glass Button","body":"$5d","bodyJson":null,"introduction":"Free Shiny Glass Button with Hover FX","slug":"sleek-glass-button","author":{"framerUserId":"caf75520-be37-4afd-95bf-220e36af9f77","name":"Jan van der Horst","slug":"jan-van-der-horst-x3ahmn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2149037/avatar-nA67q8G6biWt7pc6KT1kryDpy8AKw7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/a1shLr4DxPU0xMvdlFZI/sleek-glass-button-dSd5DV1Ju1DFk2biJmZ6U6ZiGwuxmv"}],"post":null,"createdAt":"2026-04-07T08:58:15.133Z","updatedAt":"2026-04-22T09:58:36.316Z","publishedAt":"2026-04-21T10:47:27.693Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Glass-Button-GDMakh.js@rhyJDfS58xg0Db0OrgtV","previewUrl":"https://shiny-glass-button.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"rhyJDfS58xg0Db0OrgtV"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-21T10:47:27.693Z","updatedAt":"2026-04-21T10:47:27.693Z","reported":false}}],"$L5e"]

Suggested for you