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:T79a,

A smart, interactive Clock & Weather Widget designed for Framer. Seamlessly morphing between a clean compact pill view and a detailed expanded card, this component brings smooth spring animations and real-time world clock data directly into your design.

Key Features

Morphing Layout Animation: Smooth, layout-based spring transitions powered by Framer Motion when switching between compact and expanded states.

Weather & Clock Dual View: Switch effortlessly between live weather condition details (humidity, air quality, hourly forecast) and world time with a mini monthly calendar.

Global City Database & Auto-Detect: Supports major cities worldwide with timezone-based time calculations and automatic local time detection.

Animated Weather SVG Icons: Fully vector, smooth animated weather icons tailored for sunny, rainy, thunderstorm, snow, and night conditions.

5 Theme Presets & Custom Styling: Includes Obsidian Glass, Midnight Blue, Aurora Emerald, Sunset Glow, Clean Light presets, plus complete color customization control.

Framer Property Controls: Adjust city selection, temperature units (°C/°F), initial views, border-radius, backdrop blur, and physics parameters directly from the Framer sidebar.

Property Controls

City: Select from a list of major global cities or set to Auto Detect.

Unit: Toggle between Celsius (°C) and Fahrenheit (°F).

Initial State: Choose default display mode (Compact or Expanded).

Default View: Set the primary tab on expand (Weather or Clock).

Theme: Choose from 5 pre-built themes or customize fully.

Corner Radius & Blur: Fine-tune visual presentation and glass translucency.

Physics Spring Controls: Tweak Stiffness, Damping, and Mass for layout animation.

53:T4da,

Add interactive physics to your CTA buttons. A sleek, highly customizable magnetic button that pulls smoothly toward the user's cursor—zero code required.

Key Features

Physics-Based Magnetic Effect: Smooth pull action that draws the button toward the cursor using Framer Motion spring physics.
Text & Icon Parallax Motion: Multiplied movement layer creates dynamic visual depth between background and text on mouse move.
Mobile & Touch Guard Protection: Automatically detects touch devices to safely disable magnetic pull, preventing scroll interference.
10 Built-In Icon Presets: Integrated SVG icons with custom hover animations (arrow, sparkle, plus, download, mail, search, star, check).
Full Property Customization: Complete control over magnetic strength, proximity radius, spring stiffness, colors, padding, and fonts directly from the Framer panel.
SSR & Canvas Ready: Built with client-side detection to eliminate layout shifts and function seamlessly within the Framer Canvas.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-7fa9ed5a-f71a-496f-9b48-d72381ffe334-all:/unified/creator/7fa9ed5a-f71a-496f-9b48-d72381ffe334/activity/":[{"data":[{"id":"01a0b991-3ab3-7364-adcc-a23e63f43fc1","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T12:08:17.839Z","latestAt":"2026-09-19T12:08:17.839Z"},{"id":"01a0a964-a587-7215-b818-5ce02eecae32","type":"creator.followed","target":{"type":"creator","id":"8ad17b48-4db5-4a81-940f-74fa32a13c18","preview":"Nimesh Bhuva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8ad17b48-4db5-4a81-940f-74fa32a13c18/z125fco9","slug":"nimesh-bhuva","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T08:45:40.609Z","latestAt":"2026-09-16T08:45:40.609Z"},{"id":"01a096f2-28ee-7368-bdcf-06ff20f1bacb","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":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T18:47:27.722Z","latestAt":"2026-09-12T18:47:27.722Z"},{"id":"01a08e65-ba89-72dd-af0e-ae3e6650978c","type":"creator.followed","target":{"type":"creator","id":"86b7f82c-4915-4c5c-8404-92ec69b10eca","preview":"Vitalii Sokhovych-Kanarovskiy","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/86b7f82c-4915-4c5c-8404-92ec69b10eca/PBhL2nE2K","slug":"venigman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T02:57:06.688Z","latestAt":"2026-09-11T02:57:06.688Z"},{"id":"01a08af6-5766-7519-a3e6-fd281dd5b5f2","type":"component.created","target":{"type":"component","id":"ITxYlgo8sAKLxoxTCoXN","preview":"Clock & Weather","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a08af5-bdf1-765e-8cc9-5cbd0d5bf912.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-10T10:56:35.174Z","latestAt":"2026-09-10T10:56:35.174Z"},{"id":"01a088ad-e0e9-7139-abae-a69ce1bdb3c2","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T00:18:11.813Z","latestAt":"2026-09-10T00:18:11.813Z"},{"id":"01a07f63-ff72-749a-9e2f-896bd0e810a8","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T05:00:55.022Z","latestAt":"2026-09-08T05:00:55.022Z"},{"id":"01a06c9b-d10f-71b7-af84-230e4d3c30af","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-04T13:29:06.057Z","latestAt":"2026-09-04T13:29:06.057Z"},{"id":"01a05a39-e47e-72da-8a1c-b9c9877eea94","type":"creator.followed","target":{"type":"creator","id":"1aeff44d-a66b-4616-beb0-9a8012ff6eb3","preview":"tanvir taqi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1aeff44d-a66b-4616-beb0-9a8012ff6eb3/o1wtxc3z","slug":"tanvir-taqi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T23:48:58.619Z","latestAt":"2026-08-31T23:48:58.619Z"},{"id":"01a0578b-0698-733a-8d31-ca30c47f19c8","type":"component.created","target":{"type":"component","id":"xERPTHgsMWIvNHd182Mn","preview":"Dynamic Magnetic CTA","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a0578a-2e49-7588-8075-1900e9af67d6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-31T11:18:44.120Z","latestAt":"2026-08-31T11:18:44.120Z"},{"id":"01a05695-8a3e-7209-a082-25c29f6d2ec1","type":"component.created","target":{"type":"component","id":"ZMyr0GYMf65Ycu6wzqUx","preview":"Wall Music Player","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a05695-6e1e-74fd-b193-03d37bcda9a3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-31T06:50:35.966Z","latestAt":"2026-08-31T06:50:35.966Z"},{"id":"01a055ea-2a07-725b-aefa-ccc523d7e8fa","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":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T03:43:24.671Z","latestAt":"2026-08-31T03:43:24.671Z"},{"id":"01a04ce1-c490-7134-bc41-f26b8c2f4550","type":"component.created","target":{"type":"component","id":"cVwh2NQsJ7gKrASJLru2","preview":"Checklist Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a05626-ce87-760a-8fd9-191cb7cf2af2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","slug":"lavan","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-29T09:37:39.472Z","latestAt":"2026-08-29T09:37:39.472Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7fa9ed5a-f71a-496f-9b48-d72381ffe334:/unified/posts/?creator=7fa9ed5a-f71a-496f-9b48-d72381ffe334&with=reposts":[{"data":[{"id":"01a08af6-5540-740e-a12a-2c7d58147666","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ITxYlgo8sAKLxoxTCoXN","resolved":true,"title":"Clock & Weather","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A smart, interactive Clock & Weather Widget designed for Framer. Seamlessly morphing between a clean compact pill view and a detailed expanded card, this component brings smooth spring animations and real-time world clock data directly into your design."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Morphing Layout Animation: Smooth, layout-based spring transitions powered by Framer Motion when switching between compact and expanded states."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Weather & Clock Dual View: Switch effortlessly between live weather condition details (humidity, air quality, hourly forecast) and world time with a mini monthly calendar."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Global City Database & Auto-Detect: Supports major cities worldwide with timezone-based time calculations and automatic local time detection."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Animated Weather SVG Icons: Fully vector, smooth animated weather icons tailored for sunny, rainy, thunderstorm, snow, and night conditions."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"5 Theme Presets & Custom Styling: Includes Obsidian Glass, Midnight Blue, Aurora Emerald, Sunset Glow, Clean Light presets, plus complete color customization control."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Framer Property Controls: Adjust city selection, temperature units (°C/°F), initial views, border-radius, backdrop blur, and physics parameters directly from the Framer sidebar."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Property Controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"City: Select from a list of major global cities or set to Auto Detect."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Unit: Toggle between Celsius (°C) and Fahrenheit (°F)."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Initial State: Choose default display mode (Compact or Expanded)."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Default View: Set the primary tab on expand (Weather or Clock)."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Theme: Choose from 5 pre-built themes or customize fully."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Corner Radius & Blur: Fine-tune visual presentation and glass translucency."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Physics Spring Controls: Tweak Stiffness, Damping, and Mass for layout animation."}]}]},"introduction":"Morphing Clock & Weather Widget","slug":"clock-weather","author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a08af5-bdf1-765e-8cc9-5cbd0d5bf912.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-10T10:56:34.016Z","updatedAt":"2026-09-10T10:56:34.016Z","publishedAt":"2026-09-10T10:56:34.014Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/wetherapp-4kbH7C.js@99K9hd4AFk08Kt6M4w5T","previewUrl":"https://sensible-badge-363963.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"99K9hd4AFk08Kt6M4w5T","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T10:56:34.624Z","updatedAt":"2026-09-10T10:56:34.624Z"},{"id":"01a0578b-043e-701e-a7b9-70074731f32b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"xERPTHgsMWIvNHd182Mn","resolved":true,"title":"Dynamic Magnetic CTA","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add interactive physics to your CTA buttons. A sleek, highly customizable magnetic button that pulls smoothly toward the user's cursor—zero code required."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics-Based Magnetic Effect:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth pull action that draws the button toward the cursor using Framer Motion spring physics."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text & Icon Parallax Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Multiplied movement layer creates dynamic visual depth between background and text on mouse move."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile & Touch Guard Protection:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatically detects touch devices to safely disable magnetic pull, preventing scroll interference."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10 Built-In Icon Presets:","marks":[{"type":"bold"}]},{"type":"text","text":" Integrated SVG icons with custom hover animations (arrow, sparkle, plus, download, mail, search, star, check)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Property Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Complete control over magnetic strength, proximity radius, spring stiffness, colors, padding, and fonts directly from the Framer panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SSR & Canvas Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" Built with client-side detection to eliminate layout shifts and function seamlessly within the Framer Canvas."}]}]}]}]},"introduction":"Interactive magnetic pull button","slug":"dynamic-magnetic-cta","author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a0578a-2e49-7588-8075-1900e9af67d6.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T11:18:42.925Z","updatedAt":"2026-08-31T11:18:42.925Z","publishedAt":"2026-08-31T11:18:42.923Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/MagBtnF-s04xdD.js@mBQgsZdGqupBJMYHi9Ks","previewUrl":"https://streamlined-storm-374689.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"mBQgsZdGqupBJMYHi9Ks","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T11:18:43.518Z","updatedAt":"2026-08-31T11:18:43.518Z"},{"id":"01a05695-8818-7157-8456-10cefe3b2256","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZMyr0GYMf65Ycu6wzqUx","resolved":true,"title":"Wall Music Player","body":"

Key Features

Tactile Pull-Cord Interaction: Pull down the string or click the cord handle to smoothly toggle Play and Pause with realistic spring physics.
Global Keyboard Shortcut: Instantly control playback using the Space key for a seamless audio listening experience.
Realistic CD Rotation & Reflection: Features smooth continuous spinning animations and conic-gradient light reflection effects during playback.
Full Design Customization: Complete property control over Accent, Body, Title, Progress Track, and Cord Button colors.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tactile Pull-Cord Interaction","marks":[{"type":"bold"}]},{"type":"text","text":": Pull down the string or click the cord handle to smoothly toggle Play and Pause with realistic spring physics."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global Keyboard Shortcut","marks":[{"type":"bold"}]},{"type":"text","text":": Instantly control playback using the Space key for a seamless audio listening experience."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic CD Rotation & Reflection","marks":[{"type":"bold"}]},{"type":"text","text":": Features smooth continuous spinning animations and conic-gradient light reflection effects during playback."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Design Customization","marks":[{"type":"bold"}]},{"type":"text","text":": Complete property control over Accent, Body, Title, Progress Track, and Cord Button colors."}]}]}]}]},"introduction":"Minimalist wall-mounted CD player","slug":"wall-music-player","author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a05695-6e1e-74fd-b193-03d37bcda9a3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T06:50:34.865Z","updatedAt":"2026-08-31T06:50:34.865Z","publishedAt":"2026-08-31T06:50:34.863Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/MusicBox-5naonX.js@CZYLr0zX0v6LWUTVhvpY","previewUrl":"https://empowered-heptagon-112449.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"CZYLr0zX0v6LWUTVhvpY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T06:50:35.416Z","updatedAt":"2026-08-31T06:50:35.416Z"},{"id":"01a04ce1-c26d-7122-9aab-d05b9dbfed83","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cVwh2NQsJ7gKrASJLru2","resolved":true,"title":"Checklist Form","body":"

A clean, interactive checklist component built for Framer. Drop it into your project, customize the items, and ship in minutes—zero code required.

Key Features

Fully Interactive: Click to check/uncheck items with smooth transitions.

Easy Customization: Edit titles, paper background, colors, shadow blur, and font size directly from the Framer panel.

Responsive Design: Looks and works great across mobile, tablet, and desktop.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A clean, interactive checklist component built for Framer. Drop it into your project, customize the items, and ship in minutes—zero code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Interactive:","marks":[{"type":"bold"}]},{"type":"text","text":" Click to check/uncheck items with smooth transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Edit titles, paper background, colors, shadow blur, and font size directly from the Framer panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Looks and works great across mobile, tablet, and desktop."}]}]},"introduction":"Sleek, checklists in seconds","slug":"checklist-form","author":{"framerUserId":"7fa9ed5a-f71a-496f-9b48-d72381ffe334","name":"LAVAN","slug":"lavan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/xh6wknxx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fa9ed5a-f71a-496f-9b48-d72381ffe334/01a05626-ce87-760a-8fd9-191cb7cf2af2.png","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-29T09:37:38.387Z","updatedAt":"2026-08-31T04:49:46.295Z","publishedAt":"2026-08-29T09:37:38.383Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/checkcheckform-ysMJuU.js@CRRBgEUGu0Rz6fEFX9uZ","previewUrl":"https://amused-walkthroughs-515595.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"CRRBgEUGu0Rz6fEFX9uZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T09:37:38.925Z","updatedAt":"2026-08-29T09:37:38.925Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]