56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57: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.

53:[["$","$L56",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":"$57","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","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"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","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"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,"type":"post"}}],"$L58"]

Suggested for you