62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:Tdd6,

Elevate your Framer site with a cinematic 3D Infinite Stack Carousel. Unlike standard sliders, this component uses true 3D perspective and spring physics to create a tactile "fanning" effect. Whether you are showcasing a portfolio, product features, or team members, this carousel adds a layer of depth and interaction that feels premium and responsive.

Features

Infinite Looping: Seamlessly cycle through your items without ever hitting a "dead end."
Immersive 3D Depth: Utilizes Z-axis transformation and fanned rotation for a realistic physical feel.
Interactive Hover Reveals: Content (Headings and Descriptions) stays hidden to maintain a clean aesthetic, revealing itself with a smooth slide-up animation on hover.
Physics-Based Drag: Fully draggable with customizable spring stiffness and damping for that "perfect" weight.
Theming Options: Choose from 5 built-in styles: Standard, Glassy (Frosted), Neon (Glow), Metallic, and Fire.
Auto-Play: Optional automatic cycling with adjustable intervals.

What Makes It Unique?

Center-Locked Drag: We’ve engineered the drag logic so the cards never "fly away" from the frame. They remain perfectly centered while your gesture rotates the stack, ensuring your layout stays intact.
Exposed Customization: Almost every internal variable is exposed. You don't need to touch a single line of code to change the fanning angle, the stack depth, or the background card transparency.

How to Use

Copy & Paste the code into a new Framer code component.
Add Content: Use the "Items" array in the property panel to upload your images and add your text.
Adjust Layout: Set your desired width and height to match your site design.
Fine-tune the "Feel": Adjust the "Fan Angle" and "Z-Radius" to find the perfect 3D balance for your brand.

Property Panel Reference

PropertyDescriptionVisible DepthControls how many cards are visible in the background stack.

ThemeSwitches between visual styles (Standard, Glassy, Neon, etc.).

3D PerspectiveAdjusts the "lens" of the 3D view (lower values = more extreme 3D).

Spring StiffnessControls how "snappy" the movement is.

Spring DampingControls how much the movement "bounces" before stopping.

Z-RadiusDetermines how far back the background cards sit in 3D space.

Stack SpacingSets the horizontal (X-axis) distance between stacked cards.

Fan AngleSets the rotation degree of the side cards.

Center ScaleThe size multiplier of the active card in the front.

Back ScaleHow much smaller the cards get as they move to the background.

Back OpacityThe transparency level of the background cards.

Shadow AlphaAdjusts the intensity of the card shadows or glows.

64:Ta75,

Experience the most versatile image comparison component for Framer.

Whether you are a photographer showcasing "Before & After" edits, a designer presenting a brand refresh, or a developer highlighting code transformations, Omni-Angle provides a high-end, interactive experience that fits any site aesthetic.

Unlike standard sliders, Omni-Angle breaks the horizontal barrier, allowing you to set the comparison line at any degree while maintaining perfect drag physics.

Key Features

360° Rotation: Set your comparison angle to vertical, horizontal, or any diagonal degree.
3 Visual Themes:
- Glassy: Modern frosted-glass look with high-end backdrops.
- Neumorphic: Soft, extruded UI for clean, tactile designs.
- Minimal: Bold and direct, focusing entirely on the content.
Dynamic Labels: Responsive "Before/After" tags that intelligently fade to avoid handle overlap.
Safe-Zone Logic: Smart padding ensures your labels never get clipped by rounded corners.
High Performance: Optimized with clip-path masks and framer-motion for buttery smooth 60FPS interactions.

Component Properties

PropertyDescriptionBefore/After ImagesEasy image upload slots for both comparison layers.VariantSwitch between Glassy, Neumorphic, and Minimal presets.AngleA 0° to 360° slider to rotate the comparison axis.Handle ColorCustom color picker for the handle line and icons.Handle SizeAdjust the diameter of the interactive drag pill.Start PositionSet where the slider starts (default is 50%).RadiusAdjust the corner roundness of the entire container.LabelsToggle to show/hide "Before" and "After" text overlays.

How to Use

Drag and Drop: Place the component into any Frame in your project.
Upload Content: Set your "Before" and "After" images in the properties panel.
Choose Your Vibe: Select a theme variant that matches your site's design system.
Set the Angle: Use the Angle slider to create unique diagonal comparisons for a more dynamic look.
Go Live: No code or extra setup required!

65:T567,

A high-performance Universal Clock component designed to bridge the gap between aesthetic minimalism and technical utility. Whether you are building a global SaaS dashboard or a personalized OS-style landing page, Horizon provides a fluid, real-time connection to global timezones with zero lag.

Engineered with a Dual-Core Interface, you can toggle instantly between a precision-engineered Analog face—complete with customizable needle weights and tick mark geometry—and a bold, Digital readout that prioritizes scannability.

Key Features:

🌍 Global Sync: Built-in timezone support for major world hubs, ensuring your data is always contextually accurate.
🧊 Glassmorphic Depth: Integrated backdrop-filter logic with customizable blur strength for a premium "Apple-style" glass effect.
🌓 Dynamic Theming: Instant switching between Light and Dark modes with intelligent color inheritance.
🛠️ Total Granularity: Control everything from the corner radius percentage to the exact pixel-width of the second hand.
📅 Contextual Metadata: Toggleable date and weekday display for comprehensive scheduling interfaces.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-e2bcba52-a3d3-495a-88dc-2e0d369445ee-all:/unified/creator/e2bcba52-a3d3-495a-88dc-2e0d369445ee/activity/":[{"data":[{"id":"019ee028-fb30-744f-9d7b-6531fb6245b5","type":"comment.reply","target":{"type":"post","id":"019edbef-7ad0-7060-a2dd-53fe90b73bad","preview":"A unique style profile landing page. Waiting for your respected feedback.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A unique style profile landing page. Waiting for your respected feedback."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e2bcba52-a3d3-495a-88dc-2e0d369445ee/kszoip4t","targetDeleted":false,"owned":true,"actions":{"postId":"019edbef-7ad0-7060-a2dd-53fe90b73bad","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee028-fb0e-76db-9160-639b7e632394","preview":"https://richdesigns.framer.website/ here it is","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://richdesigns.framer.website/ here it is ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://richdesigns.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019edbef-7ad0-7060-a2dd-53fe90b73bad","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019edbf1-62d2-716b-bf72-fd5eb9cc24f1"},"repost":null}},"actors":[{"id":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","slug":"muhammad-hassan-5q97ob","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T13:54:02.672Z","latestAt":"2026-06-19T13:54:02.672Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e2bcba52-a3d3-495a-88dc-2e0d369445ee:/unified/posts/?creator=e2bcba52-a3d3-495a-88dc-2e0d369445ee&with=reposts":[{"data":[{"id":"019f5cbb-6d6a-74c9-96c4-ab645a96c100","title":null,"body":"

Cyberpunk NFT Marketplace Framer Landing Page

Designed and developed a high-fidelity, conversion-focused landing page for "Cyber_MNT," a futuristic cyberpunk NFT marketplace. Translated a dark-mode, neon-accented aesthetic into a responsive web layout featuring live auctions, categorized digital art grids, an interactive project roadmap, and functional FAQ accordions. Focused on creating a visually striking, premium web presence with intuitive navigation to drive user engagement and wallet connections.

#Framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cyberpunk NFT Marketplace Framer Landing Page"}]},{"type":"paragraph","content":[{"type":"text","text":"Designed and developed a high-fidelity, conversion-focused landing page for \"Cyber_MNT,\" a futuristic cyberpunk NFT marketplace. Translated a dark-mode, neon-accented aesthetic into a responsive web layout featuring live auctions, categorized digital art grids, an interactive project roadmap, and functional FAQ accordions. Focused on creating a visually striking, premium web presence with intuitive navigation to drive user engagement and wallet connections."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer"}]}]},"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e2bcba52-a3d3-495a-88dc-2e0d369445ee/019f5cba-7144-712a-9561-a23c2011d006.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1040,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T18:26:54.958Z","updatedAt":"2026-07-13T18:26:54.958Z"},{"id":"019edbef-7ad0-7060-a2dd-53fe90b73bad","title":null,"body":"

A unique style profile landing page. Waiting for your respected feedback.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A unique style profile landing page. Waiting for your respected feedback."}]}]},"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e2bcba52-a3d3-495a-88dc-2e0d369445ee/kszoip4t","metadata":{"tint":{"h":0,"s":0,"l":3},"width":598,"height":3200}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T18:12:45.396Z","updatedAt":"2026-06-18T18:12:45.396Z"},{"id":"019e21a4-119b-7b53-ba3a-9feef232c93d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NmT8ugzG5aheGxhOvlas","resolved":true,"title":"Infinite3DCarousel","body":"$63","bodyJson":null,"introduction":"A high-performance, 3D carousel ","slug":"infinite3dcarousel","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NmT8ugzG5aheGxhOvlas/infinite3dcarousel-0Lk3R8AcdFrKMLSdvvbdZZ8UpLjONB","metadata":{"tint":{"h":300,"s":75,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-02T14:53:37.925Z","updatedAt":"2026-05-13T10:53:24.539Z","publishedAt":"2026-05-13T14:01:01.083Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://customizable3dcarousel.framer.website/","price":"8","paymentUrl":"https://gridandglitch.lemonsqueezy.com/checkout/buy/499c5042-9a23-4975-9793-3062cd7b71c3","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"XvhhjzTjRykUtqEPKhcv","tags":[]}}],"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-05-13T14:01:01.083Z","updatedAt":"2026-05-13T14:01:01.083Z"},{"id":"019e1b6c-159d-7245-8f6d-e58316430359","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SBQgOPAacqYqTZyO4Dx9","resolved":true,"title":"UltimateImageSlider","body":"$64","bodyJson":null,"introduction":"The ultimate 360° image comparison","slug":"ultimateimageslider","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SBQgOPAacqYqTZyO4Dx9/ultimateimageslider-M7GgkWxGmDKR51DQ7IHoY6M1HLURc6","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-30T16:20:31.607Z","updatedAt":"2026-05-12T08:38:59.004Z","publishedAt":"2026-05-12T09:02:08.797Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://compareimages.framer.website/","price":"15","paymentUrl":"https://gridandglitch.lemonsqueezy.com/checkout/buy/13e9d61c-a1b0-43d2-a041-2d8b63a0a60c","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"UTwEDkqNssTim2SOB0Qy","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-05-12T09:02:08.797Z","updatedAt":"2026-05-12T09:02:08.797Z"},{"id":"019df87f-efa9-70b6-becc-59475909332f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0b5uUGwpm0kGMTH6oPzA","resolved":true,"title":"wall of love ","body":"

The wall of love Testimonial Card is a modular, high-fidelity UI element designed to showcase social proof and user feedback in a compact, scannable format. This card is built for flexibility, allowing it to be used within grids, sliders, or sidebars. into a dynamic, premium experience. It tells your customers: \"A lot of people love this, and you’re missing out.\"

Component Overview

Best For: SaaS Landing Pages, Portfolio sites, and Course Sales Pages.
Visual Style: Modern, clean, and interactive.

","bodyJson":null,"introduction":"wall of love - Testimonial Card","slug":"wall-of-love","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0b5uUGwpm0kGMTH6oPzA/wall-of-love-r28kRb9W2bdY3vuD9Q0z5R0VswssKQ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-18T16:11:10.665Z","updatedAt":"2026-05-05T14:17:02.222Z","publishedAt":"2026-05-05T14:17:07.241Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://walloflovetestimonialgrid.framer.website/","price":"1","paymentUrl":"https://gridandglitch.lemonsqueezy.com/checkout/buy/793971e5-58c2-4c15-afa9-6904cf4148fd","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"WZgtV5odmxgNE4eaZU0h","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-05-05T14:17:07.241Z","updatedAt":"2026-05-05T14:17:07.241Z"},{"id":"019dd2ac-2889-7dfa-b482-c9fabca972d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TF0Xwg1bzRpKdgiHvGOq","resolved":true,"title":"BentoMagnetic","body":"

Key Features for your \"Bullet Points\"

Vector Tracking: 1:1 cursor-to-card physics for ultra-smooth 3D rotation.
Dual-Layer Parallax: Internal content moves independently of the card frame for a deep \"3D Glass\" illusion.
Parametric Controls: Toggle 3D intensity, spring stiffness, and damping without opening the code editor.
Elite Visuals: Built-in radial glow lighting and adaptive glass borders.
Fully Responsive: Optimized for performance and handles touch/hover states elegantly.

","bodyJson":null,"introduction":"KineticGrid Elite Card","slug":"bentomagnetic","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TF0Xwg1bzRpKdgiHvGOq/bentomagnetic-cazFr3Ad1ZqjVjpEoZN6SKs3QfM6sU","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-15T21:02:33.750Z","updatedAt":"2026-04-29T12:03:55.751Z","publishedAt":"2026-04-28T05:59:51.177Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bentomagnetic.framer.website/","price":"5","paymentUrl":"https://gridandglitch.lemonsqueezy.com/checkout/buy/d6ca1a8b-dcea-4f60-88ba-6b018d60b944","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"iql9nsTUhu8Efw8NqH9s","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-04-28T05:59:51.177Z","updatedAt":"2026-04-28T05:59:51.177Z"},{"id":"019dd2ac-165c-7006-8157-d9d18f2d5d44","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"s0aUaaMAOF9fnjxjQB5M","resolved":true,"title":"UniversalClock","body":"$65","bodyJson":null,"introduction":"A high-performance Universal Clock ","slug":"universalclock","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/s0aUaaMAOF9fnjxjQB5M/universalclock-vIPEjecsh5Mzt6bNK0YZ9oVhkuTVVm","metadata":{"tint":{"h":180,"s":6,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T11:18:36.948Z","updatedAt":"2026-04-27T20:52:12.355Z","publishedAt":"2026-04-28T05:59:46.524Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Horizon-Clock-Pro-6Xja4i.js@wRZ7Wuxi8SMXSpE4vvOF","previewUrl":"https://horizonclockpro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"wRZ7Wuxi8SMXSpE4vvOF","tags":[]}}],"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-04-28T05:59:46.524Z","updatedAt":"2026-04-28T05:59:46.524Z"},{"id":"019d92af-19e0-7c65-ab55-d291a25b9272","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[],"resources":[{"id":"61iWw4PEmErUEHYNlKDs","resolved":true,"title":"KineticKey","body":"

The Magnetic Button is a high-end interactive element designed to pull toward the user’s cursor as it enters its vicinity. By mimicking physical gravity, it creates a tactile, \"elastic\" feel that makes a Call to Action (CTA) feel more responsive and engaging.

","bodyJson":null,"introduction":"A high-end interaction ","slug":"kinetickey","author":{"framerUserId":"e2bcba52-a3d3-495a-88dc-2e0d369445ee","name":"Muhammad Hassan","slug":"muhammad-hassan-5q97ob","avatar":"https://framerusercontent.com/avatars/users/e2bcba52-a3d3-495a-88dc-2e0d369445ee/BDfrxEIAs","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/61iWw4PEmErUEHYNlKDs/kinetickey-qTWYyGLMe3eFhSXJy0tQ89NgAXkQ0d","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T14:35:42.170Z","updatedAt":"2026-04-28T06:00:40.747Z","publishedAt":"2026-04-15T19:47:22.208Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/KineticKe-fVMQYd.js@k50BIhAf2JqQOKnU0jX6","previewUrl":"https://the-magnetic-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"k50BIhAf2JqQOKnU0jX6","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-04-15T19:47:22.208Z","updatedAt":"2026-04-15T19:47:22.208Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]