5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.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/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T840,

LiquidMercuryButton is a premium interactive button component crafted for Framer with fluid liquid-inspired animations, cinematic hover transitions, and futuristic modern visuals. Designed to create a luxury interaction experience, the button combines smooth motion effects, glowing lighting, dynamic transitions, and responsive interactions to make every click feel visually immersive and high-end.

The component features fluid mercury-style movement, soft blur effects, smooth scaling animations, interactive hover reactions, and modern glassmorphism styling that instantly elevates website UI quality. Every motion is optimized to feel polished, responsive, and cinematic across desktop, tablet, and mobile devices.

LiquidMercuryButton is perfect for premium landing pages, startup websites, Web3 experiences, luxury portfolios, SaaS products, modern agencies, interactive hero sections, and futuristic digital interfaces that require visually striking call-to-action elements.

Main Features:• Fluid Liquid Motion Effects• Smooth Hover Animations• Cinematic Glow Transitions• Interactive Mouse Reactions• Mercury-Style Movement Effects• Smooth Scale Animations• Luxury Glassmorphism Styling• Dynamic Blur & Lighting Effects• Premium Motion Timing• Responsive Interactive Design• Fully Customizable in Framer• Mobile & Tablet Optimized

Benefits:• Creates premium user interaction• Makes UI feel modern & futuristic• Improves call-to-action visibility• Enhances website engagement• Adds cinematic motion quality• Professional high-end appearance• Smooth responsive animation performance

Modern Uses:• Landing pages• SaaS websites• Startup presentations• Web3 projects• Creative portfolios• Agency websites• Interactive hero sections• Modern product pages• Luxury digital experiences

LiquidMercuryButton is crafted for creators who want a visually powerful button system with cinematic liquid motion, modern interaction quality, and premium futuristic aesthetics that instantly attract user attention.

59:[["$","$L5c",null,{"post":{"id":"019ea16a-0f47-7ce1-8005-9271567f881a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"8d48da89-2f19-4513-ac6e-3162981e5fd7","name":"Zee","slug":"zee-za","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2397974/avatar-nwq2SkfNmomrB9DX3viFQHZ3eQMTKe.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IgbeSXTNLrtzCXDhNnNf","resolved":true,"title":"LiquidMercuryButton","body":"$5d","bodyJson":null,"introduction":"Luxury Liquid Motion Button","slug":"liquidmercurybutton","author":{"framerUserId":"8d48da89-2f19-4513-ac6e-3162981e5fd7","name":"Zee","slug":"zee-za","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2397974/avatar-nwq2SkfNmomrB9DX3viFQHZ3eQMTKe.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IgbeSXTNLrtzCXDhNnNf/liquidmercurybutton-xav7IJtAaJwhXbnoKKJGvyW67u6kaf","metadata":{"tint":"hsl(0 0% 57%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-05-28T06:23:39.997Z","updatedAt":"2026-06-05T15:52:11.138Z","publishedAt":"2026-06-07T09:29:03.047Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LiquidMercuryButton-FfdCWL.js@HApC5AwvxBZQ0Br39P0W","previewUrl":"https://expansive-follow-996093.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"HApC5AwvxBZQ0Br39P0W"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-07T09:29:03.047Z","updatedAt":"2026-06-07T09:29:03.047Z","reported":false}}],"$L5e"]

Suggested for you