51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T8a4,

An interactive stack of image-led cards that springs open around the project or service you’re exploring.

Built for portfolios, galleries, features and service sections that need more personality than a standard card grid — without turning the interaction into a distraction.

How it works

Cards sit naturally overlapped at rest. Hover a card on desktop or tap it on tablet, and the surrounding cards push apart with a tuned spring response while the selected card stays in focus.

On mobile, the stack automatically becomes a simple vertical layout for easier browsing.

What's included

Projects mode: Full-image or video cards with project number, title and individual links
Services mode: Large customisable icons with service titles
Spring interaction: Tuned push-apart movement with subtle overshoot and recoil
Natural card variation: Individual card tilts keep the stack from feeling mechanically uniform
Responsive behaviour: Hover on desktop, tap interaction on tablet, clean stacked layout on mobile
Flexible media: Replace project visuals with your own images or videos
Custom icons: Swap service icons and adjust their size directly from the properties panel
Individual links: Connect cards to project pages, CMS items or any URL
Exposed controls: Adjust card content, spacing, interaction distance and motion without digging into the code

Perfect for

Creative portfolios, agencies, studios, photographers, architects, product showcases and service-led websites.

Drop it into your Framer project, replace the content, and make an otherwise ordinary grid feel much more alive.

Support & Questions

Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via email.

53:T5f8,

A production-ready dark hero kit with interactive 3D WebGL liquid orb, Magnetic Glow CTAs, and zero-bleed fully responsive layouts. Copy, paste, and ship dark-mode elegance in minutes.

Overview

Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component architecture that just works.

Everything is pre-wired. Paste it into your Framer canvas, swap your copy and links directly in the right-hand panel, and ship a launch-ready hero section without touching code or digging into nested layers.

What's Included

Interactive 3D Liquid Orb (WebGL): Real-time fluid dynamics with caustic lighting that responds to mouse movement. Fully optimized with static fallback so it never times out on export.
App Window Chassis: A dimensional dark-glass frame built for instant replacement with your own product screenshots or UI previews.
Magnetic Glow Button: High-converting CTA button with fluid magnetic cursor tracking.
Exposed Controls: CTAs, copy, and orb shader colors directly from the properties panel.

Perfect for: AI startups, modern SaaS tools, devtools, and high-ticket agency landing pages.

Support & Questions

Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via email.

54:T75b,

A dark-mode magnetic glow button with precision spring physics.

Overview

Most dark-mode CTAs suffer from two extremes: they’re either visually flat or unnaturally floaty under the cursor.

This Magnetic Glow Button is an enterprise-grade Framer component engineered to deliver a weighted, tactile snap. It gives your landing pages and web apps the polished interaction feel of top-tier modern interfaces (Linear, Raycast) with zero setup friction.

What’s Included:

3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge.
Calibrated Spring Physics: Tuned with natural stiffness and damping parameters for instantaneous, grounded hover feedback.
1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into high-contrast dark canvases.

Exposed Controls (Instant Setup)

Customise what you need in seconds directly from the Framer properties panel:

Button Label: Custom text string
Fill Color: Background accent color
Link: Target destination URL
New Tab: Toggle switch (_blank / _self)

(Note: Core motion physics, chrono borders, and glow curves are pre-engineered to preserve visual integrity out of the box.)

Perfect For:

High-conversion SaaS & AI landing pages
Dark-mode web applications & design portfolios
Designers and developers seeking instant, production-grade micro-interactions

Support & Questions

Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via email.

55:T43d,

Magnetic Glow Button — Precision Spring Physics & 1px Chrono System

---

Most buttons feel either too static or unnaturally bouncy. While working on a dark-mode interface, I wanted a CTA that felt magnetic under the cursor—subtle, weighted, and precise.

So I built this Magnetic Glow Button component.

What's inside:

3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge.

Spring Physics: Tuned with natural stiffness and damping so hover states feel snappy rather than floaty.

1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into dark canvas environments.

Exposed Controls: Easily customizable label, fill, and link via the Framer properties panel.

Live Preview:

https://outstanding-weekend-959170.framer.app/

Dropping soon on Framer Marketplace. I'd love for you to test the hover state—how does the spring resistance feel on your display?

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-92f85217-4ff4-4858-b467-cf6673b6f28c-all:/unified/creator/92f85217-4ff4-4858-b467-cf6673b6f28c/activity/":[{"data":[{"id":"01a10ec6-0eb8-7051-9e4b-3265df0770cd","type":"creator.followed","target":{"type":"creator","id":"00808422-3cae-450d-aac3-8b86ae0417b0","preview":"Designbuds","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00808422-3cae-450d-aac3-8b86ae0417b0/7tt5vrex","slug":"designbuds","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T01:13:43.329Z","latestAt":"2026-10-06T01:13:43.329Z"},{"id":"01a10b45-3304-71c9-a76e-3324a595172a","type":"component.created","target":{"type":"component","id":"G6E3AwNBaiazoe5RFJX9","preview":"Deckshift","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a10b40-fc7b-7002-b5c0-800d7717d4b3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T08:54:06.852Z","latestAt":"2026-10-05T08:54:06.852Z"},{"id":"01a0d650-a502-767b-8a46-27fd37639709","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-25T02:06:44.469Z","latestAt":"2026-09-25T02:06:44.469Z"},{"id":"01a0a2f0-1e84-7218-903c-8f7c50acdbde","type":"comment.liked","target":{"type":"comment","id":"01a099af-e38a-74ea-abb5-e49b4d2e60fc","preview":"Sharp dark-canvas treatment for the growth stack.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sharp dark-canvas treatment for the growth stack."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a056c0-c7e3-726f-9220-52c05de818ba","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a099af-e38a-74ea-abb5-e49b4d2e60fc"},"repost":null}},"context":{"type":"post","id":"01a056c0-c7e3-726f-9220-52c05de818ba","preview":"Expanded the Magnetic Glow Button setup into a dark-canvas hero kit.\nMeet Lumina Hero.\nGet the component → https://framer.link/yvE3jpB\nBuilt around an interactive 3D WebGL liquid orb and pointer-reactive physics, designed to drop cleanly into any stack.\nNo component diving. Paste it into your project, adjust your properties, and elevate your page.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Expanded the Magnetic Glow Button setup into a dark-canvas hero kit."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet Lumina Hero."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component → "},{"type":"text","text":"https://framer.link/yvE3jpB","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/yvE3jpB","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built around an interactive 3D WebGL liquid orb and pointer-reactive physics, designed to drop cleanly into any stack."}]},{"type":"paragraph","content":[{"type":"text","text":"No component diving. Paste it into your project, adjust your properties, and elevate your page."}]}]},"thumbnail":"https://image.mux.com/sPICL85owJmN8bum3N7wdJIwmQ00yMT4gb02SpDpNjn02M/thumbnail.webp?time=1.95","targetDeleted":false,"owned":true,"actions":{"postId":"01a056c0-c7e3-726f-9220-52c05de818ba","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T02:40:40.576Z","latestAt":"2026-09-15T02:40:40.576Z"},{"id":"01a0567b-7e36-77fb-bfaf-b0fa63719caa","type":"component.created","target":{"type":"component","id":"SrH67qgdVVMm9VEAEukx","preview":"Lumina Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a05672-994f-7789-a917-31f09f977cf3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-31T06:22:08.950Z","latestAt":"2026-08-31T06:22:08.950Z"},{"id":"01a037cf-e9e2-701c-a7a8-b7d6ed0261e6","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T07:26:07.837Z","latestAt":"2026-08-25T07:26:07.837Z"},{"id":"01a00dad-f3c7-70e1-b923-997fb7ab8087","type":"component.created","target":{"type":"component","id":"PpaoYsGygWu8lyOa8fnk","preview":"Magnetic Glow Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a00dad-a8a9-75cf-a64f-23d01dabc6f6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-17T03:04:59.079Z","latestAt":"2026-08-17T03:04:59.079Z"},{"id":"01a00841-1297-77dc-beae-6f6ee84f8339","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-16T01:47:57.456Z","latestAt":"2026-08-16T01:47:57.456Z"},{"id":"019fff7e-744b-744e-a9bf-7dfc6925f7d4","type":"creator.followed","target":{"type":"creator","id":"c115ffd4-eb0a-48c2-b65d-ff77c528ed6d","preview":"Berci Hazman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/593064/avatar-ozRXd9F9HrWvmhRm8oWbrCKbmbBbtj.jpg","slug":"berci-hazman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:58:25.212Z","latestAt":"2026-08-14T08:58:25.212Z"},{"id":"019fff59-c6ff-760a-a5d9-809a40bb682a","type":"creator.followed","target":{"type":"creator","id":"e384faea-043f-4f5c-bd25-070ec91488d7","preview":"FramerGeeks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/65683/avatar-DpmNXlAfqaNbZuhHKKWXXcPtwRkgYh.jpg","slug":"framergeeks","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:18:21.495Z","latestAt":"2026-08-14T08:18:21.495Z"},{"id":"019fff57-3ff8-748d-a5d2-a41cdbcb68f5","type":"creator.followed","target":{"type":"creator","id":"6c7f4c94-b4ca-488a-a2e0-d504c4ca551d","preview":"Jurre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29137/avatar.jpg","slug":"jurre","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:15:35.922Z","latestAt":"2026-08-14T08:15:35.922Z"},{"id":"019fff57-04ea-72d2-af67-69ce71d32730","type":"creator.followed","target":{"type":"creator","id":"57cdac9d-cbd0-4513-a0cf-f4e25007d1fa","preview":"Allsite Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/57cdac9d-cbd0-4513-a0cf-f4e25007d1fa/rxadq5kn","slug":"ben-libor","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:15:20.805Z","latestAt":"2026-08-14T08:15:20.805Z"},{"id":"019fff55-5f90-766c-b490-55a901477712","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:13:32.875Z","latestAt":"2026-08-14T08:13:32.875Z"},{"id":"019fff53-7516-76eb-ac89-2c0a0e9f2a80","type":"creator.followed","target":{"type":"creator","id":"e7937938-3ed7-4245-a36a-73d04e1216ed","preview":"Melissa Rofman ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/324679/b3d6c8fe523d13a589e1f98e3a581420-Nnd8nZiq5KCHcFBlOgvbaJVckJXDBN","slug":"meli","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:11:27.367Z","latestAt":"2026-08-14T08:11:27.367Z"},{"id":"019fff53-3aa1-768f-8c34-70d24b756deb","type":"creator.followed","target":{"type":"creator","id":"e98f90c4-8b10-4484-9527-a3df918d4b36","preview":"Ruxi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e98f90c4-8b10-4484-9527-a3df918d4b36/dm1kjffy","slug":"ruxi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:11:12.407Z","latestAt":"2026-08-14T08:11:12.407Z"},{"id":"019fff52-cb13-730e-92cb-53d2d4dbc911","type":"creator.followed","target":{"type":"creator","id":"eac80050-9be2-49da-b1e3-46b28964a09e","preview":"Jae (Giuseppe)","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/eac80050-9be2-49da-b1e3-46b28964a09e/iIHgz2o-f","slug":"jaenam","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T08:10:43.838Z","latestAt":"2026-08-14T08:10:43.838Z"},{"id":"019fff47-27f6-725f-8a18-208aebb83069","type":"comment.reply","target":{"type":"post","id":"019ffec0-8775-72d1-9288-6d4bc67fe349","preview":"Magnetic Glow Button — Precision Spring Physics & 1px Chrono System\n---\nMost buttons feel either too static or unnaturally bouncy. While working on a dark-mode interface, I wanted a CTA that felt magnetic under the cursor—subtle, weighted, and precise.\nSo I built this Magnetic Glow Button component.\nWhat's inside:\n3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge.\nSpring Physics: Tuned with natural stiffness and damping so hover states feel snappy rather than floaty.\n1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into dark canvas environments.\nExposed Controls: Easily customizable label, fill, and link via the Framer properties panel.\nLive Preview:\nhttps://outstanding-weekend-959170.framer.app/\nDropping soon on Framer Marketplace. I'd love for you to test the hover state—how does the spring resistance feel on your display?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Glow Button — Precision Spring Physics & 1px Chrono System"}]},{"type":"paragraph","content":[{"type":"text","text":"---"}]},{"type":"paragraph","content":[{"type":"text","text":"Most buttons feel either too static or unnaturally bouncy. While working on a dark-mode interface, I wanted a CTA that felt magnetic under the cursor—subtle, weighted, and precise."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built this Magnetic Glow Button component."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:"}]},{"type":"paragraph","content":[{"type":"text","text":"3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge."}]},{"type":"paragraph","content":[{"type":"text","text":"Spring Physics: Tuned with natural stiffness and damping so hover states feel snappy rather than floaty."}]},{"type":"paragraph","content":[{"type":"text","text":"1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into dark canvas environments."}]},{"type":"paragraph","content":[{"type":"text","text":"Exposed Controls: Easily customizable label, fill, and link via the Framer properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview:"}]},{"type":"paragraph","content":[{"type":"text","text":"https://outstanding-weekend-959170.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://outstanding-weekend-959170.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dropping soon on Framer Marketplace. I'd love for you to test the hover state—how does the spring resistance feel on your display?"}]}]},"thumbnail":"https://image.mux.com/3qBaJUNvRTx2t3Nop01xP3nLO2QuafGuGtFZjZUPWqIs/thumbnail.webp?time=6.826","targetDeleted":false,"owned":true,"actions":{"postId":"019ffec0-8775-72d1-9288-6d4bc67fe349","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fff47-27d7-778a-9bb9-c5435148a219","preview":"Appreciate that! Tested quite a bit to get the weight right without feeling sluggish. Feel free to try the live preview on trackpad whenever convenient 🙌 https://outstanding-weekend-959170.framer.app/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Appreciate that! Tested quite a bit to get the weight right without feeling sluggish. Feel free to try the live preview on trackpad whenever convenient "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}},{"type":"text","text":" "},{"type":"text","text":"https://outstanding-weekend-959170.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://outstanding-weekend-959170.framer.app/","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ffec0-8775-72d1-9288-6d4bc67fe349","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ffef9-a6a9-7128-a812-33e0ab696965"},"repost":null}},"actors":[{"id":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","slug":"beyondpixel","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T07:58:01.206Z","latestAt":"2026-08-14T07:58:01.206Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:92f85217-4ff4-4858-b467-cf6673b6f28c:/unified/posts/?creator=92f85217-4ff4-4858-b467-cf6673b6f28c&with=reposts":[{"data":[{"id":"01a10b45-30a7-7458-824f-0a08e0fad029","title":null,"body":"

Deckshift

Interactive stacked cards with spring movement, dynamic tilt and responsive behaviour.

Use it for projects, galleries, services or features.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Deckshift","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive stacked cards with spring movement, dynamic tilt and responsive behaviour."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for projects, galleries, services or features."}]}]},"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[],"resources":[{"id":"G6E3AwNBaiazoe5RFJX9","resolved":true,"title":"Deckshift","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive stack of image-led cards that springs open around the project or service you’re exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, galleries, features and service sections that need more personality than a standard card grid — without turning the interaction into a distraction."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Cards sit naturally overlapped at rest. Hover a card on desktop or tap it on tablet, and the surrounding cards push apart with a tuned spring response while the selected card stays in focus."}]},{"type":"paragraph","content":[{"type":"text","text":"On mobile, the stack automatically becomes a simple vertical layout for easier browsing."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Full-image or video cards with project number, title and individual links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Large customisable icons with service titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Tuned push-apart movement with subtle overshoot and recoil"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural card variation:","marks":[{"type":"bold"}]},{"type":"text","text":" Individual card tilts keep the stack from feeling mechanically uniform"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive behaviour:","marks":[{"type":"bold"}]},{"type":"text","text":" Hover on desktop, tap interaction on tablet, clean stacked layout on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible media:","marks":[{"type":"bold"}]},{"type":"text","text":" Replace project visuals with your own images or videos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom icons:","marks":[{"type":"bold"}]},{"type":"text","text":" Swap service icons and adjust their size directly from the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual links:","marks":[{"type":"bold"}]},{"type":"text","text":" Connect cards to project pages, CMS items or any URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exposed controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust card content, spacing, interaction distance and motion without digging into the code"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios, agencies, studios, photographers, architects, product showcases and service-led websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into your Framer project, replace the content, and make an otherwise ordinary grid feel much more alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Support & Questions","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via "},{"type":"text","text":"email","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@beyondpixel.co","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Interactive Stacked Focus Cards","slug":"deckshift","author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a10b40-fc7b-7002-b5c0-800d7717d4b3.png","metadata":{"tint":{"h":180,"s":53,"l":42},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T08:54:05.594Z","updatedAt":"2026-10-05T09:19:10.582Z","publishedAt":"2026-10-05T08:54:05.591Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://incomplete-feature-958341.framer.app/","price":"15","paymentUrl":"https://beyondpixel.lemonsqueezy.com/checkout/buy/5c51db44-96bc-405a-aadc-d6c616d2798a","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"knQhcSLxDnBOovg9xge6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T08:54:06.247Z","updatedAt":"2026-10-05T08:54:06.247Z"},{"id":"01a0d644-1967-744d-b902-f2b792d1eafb","title":null,"body":"

AI-assisted building is making it incredibly easy to add more.

More sections. More interactions. More motion. More variations.

But more output doesn't fix weak hierarchy.

When the typography, spacing and structure are doing their job, a design rarely needs that much decoration to hold attention.

The faster we can make things, the more important it becomes to know what to leave out.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AI-assisted building is making it incredibly easy to add more."}]},{"type":"paragraph","content":[{"type":"text","text":"More sections. More interactions. More motion. More variations."}]},{"type":"paragraph","content":[{"type":"text","text":"But more output doesn't fix weak hierarchy."}]},{"type":"paragraph","content":[{"type":"text","text":"When the typography, spacing and structure are doing their job, a design rarely needs that much decoration to hold attention."}]},{"type":"paragraph","content":[{"type":"text","text":"The faster we can make things, the more important it becomes to know what to leave out."}]}]},"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T01:53:02.314Z","updatedAt":"2026-09-25T01:53:02.314Z"},{"id":"01a056c0-c7e3-726f-9220-52c05de818ba","title":null,"body":"

Expanded the Magnetic Glow Button setup into a dark-canvas hero kit.

Meet Lumina Hero.

Get the component → https://framer.link/yvE3jpB

Built around an interactive 3D WebGL liquid orb and pointer-reactive physics, designed to drop cleanly into any stack.

No component diving. Paste it into your project, adjust your properties, and elevate your page.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Expanded the Magnetic Glow Button setup into a dark-canvas hero kit."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet Lumina Hero."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component → "},{"type":"text","text":"https://framer.link/yvE3jpB","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/yvE3jpB","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built around an interactive 3D WebGL liquid orb and pointer-reactive physics, designed to drop cleanly into any stack."}]},{"type":"paragraph","content":[{"type":"text","text":"No component diving. Paste it into your project, adjust your properties, and elevate your page."}]}]},"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/sPICL85owJmN8bum3N7wdJIwmQ00yMT4gb02SpDpNjn02M.m3u8","metadata":{"posterUrl":"https://image.mux.com/sPICL85owJmN8bum3N7wdJIwmQ00yMT4gb02SpDpNjn02M/thumbnail.webp?time=1.95","aspectRatio":"16:9","duration":24.95}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T07:37:49.798Z","updatedAt":"2026-08-31T07:37:49.798Z"},{"id":"01a0567b-7c06-7531-86c1-68dd75b0ac92","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SrH67qgdVVMm9VEAEukx","resolved":true,"title":"Lumina Hero","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A production-ready dark hero kit with interactive 3D WebGL liquid orb, Magnetic Glow CTAs, and zero-bleed fully responsive layouts. Copy, paste, and ship dark-mode elegance in minutes."}]},{"type":"paragraph","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component architecture that just works."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is pre-wired. Paste it into your Framer canvas, swap your copy and links directly in the right-hand panel, and ship a launch-ready hero section without touching code or digging into nested layers."}]},{"type":"paragraph","content":[{"type":"text","text":"What's Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Liquid Orb (WebGL): Real-time fluid dynamics with caustic lighting that responds to mouse movement. Fully optimized with static fallback so it never times out on export."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"App Window Chassis: A dimensional dark-glass frame built for instant replacement with your own product screenshots or UI previews."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Glow Button: High-converting CTA button with fluid magnetic cursor tracking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exposed Controls: CTAs, copy, and orb shader colors directly from the properties panel."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" AI startups, modern SaaS tools, devtools, and high-ticket agency landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Support & Questions","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via "},{"type":"text","text":"email","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@beyondpixel.co","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Dark Hero Kit with 3D WebGL Orb","slug":"lumina-hero","author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a05672-994f-7789-a917-31f09f977cf3.jpg","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T06:22:07.848Z","updatedAt":"2026-08-31T06:31:09.367Z","publishedAt":"2026-08-31T06:22:07.844Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://brilliant-tuna-549482.framer.app/","price":"29","paymentUrl":"https://beyondpixel.lemonsqueezy.com/checkout/buy/168c8cda-6092-49f0-a547-3f8761d383fb","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"sJRtMaIoAAw1aJh1as1v","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T06:22:08.390Z","updatedAt":"2026-08-31T06:22:08.390Z"},{"id":"01a036da-aaea-706b-86ce-e8924e2162e7","title":null,"body":"

See the Magnetic Glow Button in action on a dark-canvas build.

Get the component -> https://framer.link/RS6zJc9

Built to integrate:

· Drop into any Stack or Grid

· Pre-set gradient stops preserves contrast on dark backgrounds

· Label, Fill, Link, and New Tab configurable in seconds via the properties panel

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"See the Magnetic Glow Button in action on a dark-canvas build."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the component -> "},{"type":"text","text":"https://framer.link/RS6zJc9","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/RS6zJc9","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built to integrate:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"· Drop into any Stack or Grid"}]},{"type":"paragraph","content":[{"type":"text","text":"· Pre-set gradient stops preserves contrast on dark backgrounds"}]},{"type":"paragraph","content":[{"type":"text","text":"· Label, Fill, Link, and New Tab configurable in seconds via the properties panel"}]}]},"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/LWuH8rlUUUh7pXRaHK9WY4a7RGZmOtGiadD4KY00UiDQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/LWuH8rlUUUh7pXRaHK9WY4a7RGZmOtGiadD4KY00UiDQ/thumbnail.webp?time=2.53","aspectRatio":"16:9","duration":6.0811}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-25T03:05:06.307Z","createdAt":"2026-08-25T02:58:15.406Z","updatedAt":"2026-08-25T03:05:06.307Z"},{"id":"01a00dad-f1a8-7131-8449-7f5d427ae102","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PpaoYsGygWu8lyOa8fnk","resolved":true,"title":"Magnetic Glow Button","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dark-mode magnetic glow button with precision spring physics."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most dark-mode CTAs suffer from two extremes: they’re either visually flat or unnaturally floaty under the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"This Magnetic Glow Button is an enterprise-grade Framer component engineered to deliver a weighted, tactile snap. It gives your landing pages and web apps the polished interaction feel of top-tier modern interfaces (Linear, Raycast) with zero setup friction."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What’s Included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Calibrated Spring Physics: Tuned with natural stiffness and damping parameters for instantaneous, grounded hover feedback."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into high-contrast dark canvases."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Exposed Controls (Instant Setup)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customise what you need in seconds directly from the Framer properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button Label: Custom text string"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill Color: Background accent color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link: Target destination URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"New Tab: Toggle switch (_blank / _self)"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"(Note: Core motion physics, chrono borders, and glow curves are pre-engineered to preserve visual integrity out of the box.)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-conversion SaaS & AI landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark-mode web applications & design portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designers and developers seeking instant, production-grade micro-interactions"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support & Questions","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via "},{"type":"text","text":"email","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@beyondpixel.co","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Linear CTA with spring physics","slug":"magnetic-glow-button","author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a00dad-a8a9-75cf-a64f-23d01dabc6f6.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-17T03:04:57.984Z","updatedAt":"2026-08-18T05:59:17.334Z","publishedAt":"2026-08-17T03:04:57.976Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://outstanding-weekend-959170.framer.app/","price":"19","paymentUrl":"https://beyondpixel.lemonsqueezy.com/checkout/buy/3037b427-34a1-4745-af78-8be565765b09","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"apGY8MBO3NvBH29uXKQP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T03:04:58.536Z","updatedAt":"2026-08-17T03:04:58.536Z"},{"id":"019ffec0-8775-72d1-9288-6d4bc67fe349","title":null,"body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Glow Button — Precision Spring Physics & 1px Chrono System"}]},{"type":"paragraph","content":[{"type":"text","text":"---"}]},{"type":"paragraph","content":[{"type":"text","text":"Most buttons feel either too static or unnaturally bouncy. While working on a dark-mode interface, I wanted a CTA that felt magnetic under the cursor—subtle, weighted, and precise."}]},{"type":"paragraph","content":[{"type":"text","text":"So I built this Magnetic Glow Button component."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:"}]},{"type":"paragraph","content":[{"type":"text","text":"3 Native Variants: Primary Glow, Secondary Ghost, and Icon Badge."}]},{"type":"paragraph","content":[{"type":"text","text":"Spring Physics: Tuned with natural stiffness and damping so hover states feel snappy rather than floaty."}]},{"type":"paragraph","content":[{"type":"text","text":"1px Chrono Borders: Crafted with subtle gradient stops for seamless integration into dark canvas environments."}]},{"type":"paragraph","content":[{"type":"text","text":"Exposed Controls: Easily customizable label, fill, and link via the Framer properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview:"}]},{"type":"paragraph","content":[{"type":"text","text":"https://outstanding-weekend-959170.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://outstanding-weekend-959170.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dropping soon on Framer Marketplace. I'd love for you to test the hover state—how does the spring resistance feel on your display?"}]}]},"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3qBaJUNvRTx2t3Nop01xP3nLO2QuafGuGtFZjZUPWqIs.m3u8","metadata":{"posterUrl":"https://image.mux.com/3qBaJUNvRTx2t3Nop01xP3nLO2QuafGuGtFZjZUPWqIs/thumbnail.webp?time=6.826","aspectRatio":"16:9","duration":12.7433}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-14T09:20:17.659Z","createdAt":"2026-08-14T05:30:58.303Z","updatedAt":"2026-08-14T09:20:17.659Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]