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

A full MS Paint style drawing app, built as a single component with Framer 3.0 agents. Draw, erase, drop shapes, add text, pick any color you want, and invite a friend to draw with you live on the same canvas.

The idea

I wanted something hands-on rather than something you just look at, and a paint app felt like a good fit for that. It needed a lot of pieces working together at once: brushes, shapes, fills, color, history. If all of that holds up under real use, it says something about what's possible in Framer.

Inside the build

A bottom toolbar handles cursor, brush, eraser, shapes (rectangle, ellipse, line, arrow), text, and fill, with full undo and redo plus PNG export. Next to it sits a proper color tool: HSV picker, hex and RGB input, eyedropper, custom swatches. The whole thing is one component, with canvas, toolbar, and color state all wired together so switching tools never feels disjointed.

The standout part is multiplayer. Hit share, send the link, and whoever opens it is drawing on your canvas in real time, no backend required.

Where the agents came in

Rather than building tool by tool from scratch, I leaned on agents to iterate piece by piece: getting the color picker's drag behavior right, fixing shape previews so they didn't flicker, making sure undo and redo still worked once text and fills entered the picture.

What stood out was how well agents handled the less visual parts, like canvas coordinate math, pointer scaling, and history stacks, not just the UI layer. It made tackling something this interaction heavy in Framer feel a lot less daunting.

53:T4ae,

DiscPlayer is a beautifully crafted, animated MP3 player component for Framer, designed with inspiration from classic vinyl record players. It brings a blend of minimalism and realism into your design, offering a clean, distraction-free interface where the focus is entirely on the experience of sound and motion.

At the heart of the component is a glossy disc that subtly spins when audio is playing, accompanied by a mechanical needle arm that gently moves into position—mimicking the tactile charm of vintage turntables. With no visible buttons, titles, or timestamps, the interaction is intentionally simple: tap the disc to start or pause playback.

This component is perfect for creators who want to feature audio in a stylish and non-intrusive way. Whether you’re showcasing a song, adding ambient background sound to a landing page, or evoking a sense of analog nostalgia, DiscPlayer helps you do it with elegance and ease.

Designed to be fully customizable and easy to integrate, it’s ideal for portfolios, music previews, interactive storytelling, or any project that deserves a touch of retro sophistication in a modern UI.

54:T4f8,

A beautifully animated countdown timer designed to elevate your launch pages, special offers, or upcoming event campaigns. Each digit transitions with smooth, elegant animations—choose between flip, slide, or scale effects to match your aesthetic. The numbers update in a staggered sequence, giving the entire countdown a dynamic, flowing rhythm that draws attention without being distracting.

You can set a precise end date and time or define a custom countdown duration, depending on your needs. Layout options include both horizontal and vertical orientations, and you can easily toggle the visibility of unit labels such as days, hours, minutes, and seconds for a cleaner or more informative look.

This countdown component is fully customizable—adjust fonts, sizes, colors, spacing, and animation styles to fit seamlessly into your brand identity. Whether you're preparing for a big product launch, a limited-time promotion, or an upcoming event, you can optionally display a custom message when the timer hits zero to guide users to the next action.

Built with a focus on minimal design and ease of use, this countdown timer integrates effortlessly into any Framer project, giving you a polished, professional edge with just a few clicks.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-a582f1c1-0670-41bf-b4e4-f938e4fec7c9-all:/unified/creator/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/activity/":[{"data":[{"id":"019ee445-1797-7188-8bfb-197b2784dce8","type":"comment.reply","target":{"type":"post","id":"019ee42d-6b2c-747d-a21f-045996eb215e","preview":"Hero section made in framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section made in framer"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/ay331ane","targetDeleted":false,"owned":true,"actions":{"postId":"019ee42d-6b2c-747d-a21f-045996eb215e","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee445-1785-7339-aebd-7ad9e472238b","preview":"Thank you","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee42d-6b2c-747d-a21f-045996eb215e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ee444-b32c-70a5-a4e5-71d157d6e1b2"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T09:03:13.815Z","latestAt":"2026-06-20T09:03:13.815Z"},{"id":"019ee444-fd8b-72a9-8bc2-d99d4b9cd06a","type":"comment.liked","target":{"type":"comment","id":"019ee444-b32c-70a5-a4e5-71d157d6e1b2","preview":"what a cool design","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"what a cool design"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee42d-6b2c-747d-a21f-045996eb215e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee444-b32c-70a5-a4e5-71d157d6e1b2"},"repost":null}},"context":{"type":"post","id":"019ee42d-6b2c-747d-a21f-045996eb215e","preview":"Hero section made in framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section made in framer"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/ay331ane","targetDeleted":false,"owned":true,"actions":{"postId":"019ee42d-6b2c-747d-a21f-045996eb215e","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T09:03:07.143Z","latestAt":"2026-06-20T09:03:07.143Z"},{"id":"019ee040-0c52-7222-953a-796124b9a4f5","type":"post.liked","target":{"type":"post","id":"019eccae-5c40-7439-8f11-4879e0ce9f21","preview":"yo all","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"yo all"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eccae-5c40-7439-8f11-4879e0ce9f21","like":{"count":73,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T14:19:14.381Z","latestAt":"2026-06-19T14:19:14.381Z"},{"id":"019ee03f-4f5a-7689-a730-0b1a4bcbd914","type":"comment.liked","target":{"type":"comment","id":"019ed901-1573-73c5-a08b-d6a27a653155","preview":"Crazyy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Crazyy"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed8e5-fb8f-75da-80fb-a50a5562a5ad","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed901-1573-73c5-a08b-d6a27a653155"},"repost":null}},"context":{"type":"post","id":"019ed8e5-fb8f-75da-80fb-a50a5562a5ad","preview":"Paint with anyone in real time.\nBuilt with Framer Agents \nVote here","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paint with anyone in real time."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer Agents "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Vote here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/5RieqFZRq8VEN4ihnLZutf/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/374ago7c","targetDeleted":false,"owned":true,"actions":{"postId":"019ed8e5-fb8f-75da-80fb-a50a5562a5ad","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T14:18:25.999Z","latestAt":"2026-06-19T14:18:25.999Z"},{"id":"019ed597-5fbc-743e-b8ea-cf96cccf00df","type":"comment.created","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed597-5f9e-71aa-8273-c81d5f800e3c","preview":"This is insane","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is insane"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed597-5f9e-71aa-8273-c81d5f800e3c"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:38:47.996Z","latestAt":"2026-06-17T12:38:47.996Z"},{"id":"019ed546-d78c-737b-8d04-9617a4a63265","type":"comment.reply","target":{"type":"post","id":"019ed532-4026-7228-83d7-d8e0f186a315","preview":"what you are building with framer agents?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"what you are building with framer agents?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed546-d775-74ac-ba3a-68027dd6ebfd","preview":"you did not claimed free credits?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"you did not claimed free credits?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed535-5456-734f-9515-d1f99bf984e4"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T11:10:50.252Z","latestAt":"2026-06-17T11:10:50.252Z"},{"id":"019ed546-7416-732e-89ed-4b826738d47e","type":"comment.reply","target":{"type":"post","id":"019ed532-4026-7228-83d7-d8e0f186a315","preview":"what you are building with framer agents?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"what you are building with framer agents?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed546-73e0-76a5-8b85-668b4aacaf85","preview":"This is sooo coool","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is sooo coool"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed539-f241-7039-b8a7-49527c1f7fa2"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T11:10:24.790Z","latestAt":"2026-06-17T11:10:24.790Z"},{"id":"019ed546-558c-73e4-851a-e32c6be09b65","type":"comment.liked","target":{"type":"comment","id":"019ed539-f241-7039-b8a7-49527c1f7fa2","preview":"Have a spin with Type Invaders, a fun game I built in Framer using Framer Agents🔥\nLet me know what you think of it😊","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Have a spin with "},{"type":"text","text":"Type Invaders","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/E0UXcQm","target":"_blank"}}]},{"type":"text","text":", a fun game I built in Framer using Framer Agents"},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think of it"},{"type":"emoji","attrs":{"name":"blush","emoji":"😊"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed539-f241-7039-b8a7-49527c1f7fa2"},"repost":null}},"context":{"type":"post","id":"019ed532-4026-7228-83d7-d8e0f186a315","preview":"what you are building with framer agents?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"what you are building with framer agents?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed532-4026-7228-83d7-d8e0f186a315","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T11:10:16.968Z","latestAt":"2026-06-17T11:10:16.968Z"},{"id":"019ed4bf-7eae-769d-8016-33ad645e6789","type":"creator.followed","target":{"type":"creator","id":"827a339e-2d46-41b2-9f77-3f05c29de5a9","preview":"Nandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29583/avatar-UPfop9vtI2KgN6WreJoFN7Ytns0o9Q.jpg","slug":"nandi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T08:43:00.139Z","latestAt":"2026-06-17T08:43:00.139Z"},{"id":"019ed4bf-6582-729a-aa13-3d7dec3fd11a","type":"creator.followed","target":{"type":"creator","id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","preview":"Andreu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33115/avatar-rwc2c6NcpQwKWKwqVAW5N3CuvNFV8s.jpg","slug":"andreu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T08:42:53.694Z","latestAt":"2026-06-17T08:42:53.694Z"},{"id":"019ed458-f1fd-75a4-82d3-79ab6696f3c6","type":"post.liked","target":{"type":"post","id":"019ed40a-094b-7543-8bc0-b14937b3ee9a","preview":"Hello, world! 👋","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello, world!","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed40a-094b-7543-8bc0-b14937b3ee9a","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:50:59.449Z","latestAt":"2026-06-17T06:50:59.449Z"},{"id":"019ed458-b9f3-74df-a3e8-630c5e889389","type":"creator.followed","target":{"type":"creator","id":"fd602ffe-74b5-4520-9cff-2960ef697e4b","preview":"Liana Tudakova","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/37787/avatar-E9E5pslHEgsMiSawsWFuNqJmX21RLT.jpg","slug":"liana-tudakova","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:50:45.103Z","latestAt":"2026-06-17T06:50:45.103Z"},{"id":"019ed454-8c6b-7098-be64-c5f2e271f9b9","type":"post.liked","target":{"type":"post","id":"019ed432-7a91-704b-aa8b-805a833dfd67","preview":"Latest Card Designs.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Latest Card Designs."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bdb557a7-79a9-4387-9230-1aeb625738fc/tp8n6agi","targetDeleted":false,"owned":false,"actions":{"postId":"019ed432-7a91-704b-aa8b-805a833dfd67","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:46:11.304Z","latestAt":"2026-06-17T06:46:11.304Z"},{"id":"019ed454-754e-7024-852f-bc26a5fc6311","type":"post.liked","target":{"type":"post","id":"019ed433-c76e-703a-974c-d2d7e560e6f0","preview":"This is one of my favorite templates. Show some love!!\nhttps://hy.chujiqiqi.com/community/marketplace/templates/rep-republic/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is one of my favorite templates. Show some love!!"}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/marketplace/templates/rep-republic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/marketplace/templates/rep-republic/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/35504d8a-e866-4d86-83e6-6c91b67a20d4/veig069b","targetDeleted":false,"owned":false,"actions":{"postId":"019ed433-c76e-703a-974c-d2d7e560e6f0","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:46:05.383Z","latestAt":"2026-06-17T06:46:05.383Z"},{"id":"019ed441-b8f8-75be-bd4b-630de9f5f85d","type":"comment.created","target":{"type":"post","id":"019ed440-439c-7669-8db7-d0725c37e06f","preview":"Hello~","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello~"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed440-439c-7669-8db7-d0725c37e06f","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed441-b8de-76f9-bb02-704f68ac265d","preview":"Hi","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed440-439c-7669-8db7-d0725c37e06f","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed441-b8de-76f9-bb02-704f68ac265d"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:25:37.528Z","latestAt":"2026-06-17T06:25:37.528Z"},{"id":"019ed441-a0f1-728e-838c-0d93f312884c","type":"post.liked","target":{"type":"post","id":"019ed440-439c-7669-8db7-d0725c37e06f","preview":"Hello~","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello~"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed440-439c-7669-8db7-d0725c37e06f","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:25:31.372Z","latestAt":"2026-06-17T06:25:31.372Z"},{"id":"019ed42d-53d7-7049-b6e4-3ba08e179540","type":"post.liked","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:03:20.912Z","latestAt":"2026-06-17T06:03:20.912Z"},{"id":"019ed42d-5030-7098-8ccf-51abde7064aa","type":"comment.created","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed42d-5018-753b-b826-45f3ee378469","preview":"this is soo cool","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this is soo cool"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed42d-5018-753b-b826-45f3ee378469"},"repost":null}},"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:03:19.984Z","latestAt":"2026-06-17T06:03:19.984Z"},{"id":"019ed400-0a0c-76ac-a6fb-0e2440a085dc","type":"post.liked","target":{"type":"post","id":"019ed3ff-a28b-73bf-a4b4-3d2934a34378","preview":"Everyone: \"Framer, please make the review process faster.\"\nFramer: \"Sure.\"\nDeletes the review process entirely.\nProblem solved.💀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Everyone: \"Framer, please make the review process faster.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Framer: \"Sure.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Deletes the review process entirely.","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Problem solved."},{"type":"emoji","attrs":{"name":"skull","emoji":"💀"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed3ff-a28b-73bf-a4b4-3d2934a34378","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T05:13:52.899Z","latestAt":"2026-06-17T05:13:52.899Z"},{"id":"019ed3f0-ef22-7741-a078-f6c66e478a98","type":"post.liked","target":{"type":"post","id":"019ed3e2-7c35-71f9-908b-e1e94aa58092","preview":"Hi everyone!!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi everyone!!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed3e2-7c35-71f9-908b-e1e94aa58092","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","slug":"ohitshmad","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T04:57:22.974Z","latestAt":"2026-06-17T04:57:22.974Z"}],"pagination":{"next":"MjAyNi0wNi0xN1QwNDo1NzoyMi45NzRafDAxOWVkM2YwLWVmMjItNzc0MS1hMDc4LWY2YzY2ZTQ3OGE5OA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:a582f1c1-0670-41bf-b4e4-f938e4fec7c9:/unified/posts/?creator=a582f1c1-0670-41bf-b4e4-f938e4fec7c9&with=reposts":[{"data":[{"id":"019f319f-6ce8-771d-b586-f6226abbeb67","title":null,"body":"

used fable 5 to build this website inside framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"used fable 5 to build this website inside framer."}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/QWojAYeqm1z2y5BpHwmv00CvxImj02UDo01t01lVerefBdQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/QWojAYeqm1z2y5BpHwmv00CvxImj02UDo01t01lVerefBdQ/thumbnail.webp?time=4.9","aspectRatio":"60:29","duration":20.733333}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-05T09:32:39.533Z","updatedAt":"2026-07-05T09:32:39.533Z"},{"id":"019ee42d-6b2c-747d-a21f-045996eb215e","title":null,"body":"

Hero section made in framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section made in framer"}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/ay331ane","metadata":{"tint":{"h":60,"s":40,"l":16},"width":2048,"height":1152}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T08:37:22.351Z","updatedAt":"2026-06-20T08:37:22.351Z"},{"id":"019ed8e5-fb8f-75da-80fb-a50a5562a5ad","title":null,"body":"

Paint with anyone in real time.

Built with Framer Agents

Vote here

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paint with anyone in real time."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer Agents "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Vote here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/5RieqFZRq8VEN4ihnLZutf/","target":"_blank"}}]}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/374ago7c","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1920,"height":1440}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-18T04:04:01.773Z","createdAt":"2026-06-18T04:03:31.347Z","updatedAt":"2026-06-18T04:04:01.773Z"},{"id":"019ed5b1-92d4-756d-b93c-1cdf6ef5652f","title":null,"body":"

Been working on this for the Framer hackathon

Built a paint app where you can share a link and draw together with others live, like everyone's on the same canvas at the same time.

Has brushes, shapes, text, fill, undo/redo, a proper color picker, all that. But the live multiplayer part is what I'm most excited about.

Let me know what you think

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been working on this for the Framer hackathon"}]},{"type":"paragraph","content":[{"type":"text","text":"Built a paint app where you can share a link and draw together with others live, like everyone's on the same canvas at the same time."}]},{"type":"paragraph","content":[{"type":"text","text":"Has brushes, shapes, text, fill, undo/redo, a proper color picker, all that. But the live multiplayer part is what I'm most excited about."}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think"}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed5b1-92d4-756d-b93c-23d81301ca89","contestId":"agents-hackathon","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg"},"title":"Paint Together","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full MS Paint style drawing app, built as a single component with Framer 3.0 agents. Draw, erase, drop shapes, add text, pick any color you want, and invite a friend to draw with you live on the same canvas."}]},{"type":"customHeading","content":[{"type":"text","text":"The idea"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"I wanted something hands-on rather than something you just look at, and a paint app felt like a good fit for that. It needed a lot of pieces working together at once: brushes, shapes, fills, color, history. If all of that holds up under real use, it says something about what's possible in Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Inside the build"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A bottom toolbar handles cursor, brush, eraser, shapes (rectangle, ellipse, line, arrow), text, and fill, with full undo and redo plus PNG export. Next to it sits a proper color tool: HSV picker, hex and RGB input, eyedropper, custom swatches. The whole thing is one component, with canvas, toolbar, and color state all wired together so switching tools never feels disjointed."}]},{"type":"paragraph","content":[{"type":"text","text":"The standout part is multiplayer. Hit share, send the link, and whoever opens it is drawing on your canvas in real time, no backend required."}]},{"type":"customHeading","content":[{"type":"text","text":"Where the agents came in"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Rather than building tool by tool from scratch, I leaned on agents to iterate piece by piece: getting the color picker's drag behavior right, fixing shape previews so they didn't flicker, making sure undo and redo still worked once text and fills entered the picture."}]},{"type":"paragraph","content":[{"type":"text","text":"What stood out was how well agents handled the less visual parts, like canvas coordinate math, pointer scaling, and history stacks, not just the UI layer. It made tackling something this interaction heavy in Framer feel a lot less daunting."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a582f1c1-0670-41bf-b4e4-f938e4fec7c9/rfjixxzj","metadata":{"tint":{"h":0,"s":0,"l":20},"width":1920,"height":1440}}],"post":null,"data":{"previewUrl":"https://painttogether.framer.website/"},"winner":false,"createdAt":"2026-06-17T13:07:25.088Z","updatedAt":"2026-06-17T13:07:25.088Z"}],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T13:07:25.034Z","updatedAt":"2026-06-17T13:07:25.034Z"},{"id":"019ed532-4026-7228-83d7-d8e0f186a315","title":null,"body":"

what you are building with framer agents?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"what you are building with framer agents?"}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","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":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:48:20.778Z","updatedAt":"2026-06-17T10:48:20.778Z"},{"id":"019ed3c7-2d31-71d6-8245-582d4d6f136d","title":null,"body":"

Hi guys

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi guys"}]}]},"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","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":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T04:11:46.371Z","updatedAt":"2026-06-17T04:11:46.371Z"},{"id":"019d6c0c-5186-7d17-9f1a-5750cf7824ad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"L2kSD1Fj5ZDBnzwMkMsl","resolved":true,"title":"IframeDetector","body":"

Switch between two components automatically when your code runs inside an iframe versus top-level. Pass one component for embedded contexts, another for standalone. The detector handles the logic. Your users see the right interface instantly.

How to Use

Add the component to your canvas
Assign your iframe component
Assign your top-level component (standalone experience)

Features

Automatic context detection
Zero loading states
Cross-origin iframe support
Renders immediately on load
No setup required

","bodyJson":null,"introduction":"Render UI for iframe or standalone mode.","slug":"iframedetector","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/L2kSD1Fj5ZDBnzwMkMsl/iframedetector-Pn5Yi06sGBJM54oNiIZNkFetHz7pQc","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-28T08:06:00.773Z","updatedAt":"2026-04-08T07:38:46.043Z","publishedAt":"2026-04-08T07:43:59.878Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/IframeDetector-08JVDS.js@zZWYkND0tYMSJY3Z8HxP","previewUrl":"https://centered-dialects-831874.framer.app/iframedetector","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"zZWYkND0tYMSJY3Z8HxP","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-08T07:43:59.878Z","updatedAt":"2026-04-08T07:43:59.878Z"},{"id":"0199a0ba-7df0-7c57-8bc7-06bae48dc1fa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"523","resolved":true,"title":"zencal.io","body":"

Zencal is a modern scheduling platform trusted by professionals, teams, and businesses around the world. Whether managing client bookings, team meetings, or automated workflows, Zencal makes scheduling fast, flexible, and secure. With simplicity and customization at its core, it streamlines calendar management.

How the Zencal plugin works

Open the Zencal plugin – Select the Zencal plugin from the Framer library.
Connect your event – Create a new event in Zencal or connect an existing one by pasting its URL.
Customize the embed – Adjust primary and secondary colors to match your brand and style.
Place it on your canvas – Insert the embed into your Framer project and ensure it fits responsively.
Start accepting bookings – Your Zencal event is now live on your Framer site, ready to collect bookings seamlessly.

","bodyJson":null,"introduction":"zencal.io","slug":"zencal-io","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/523-ProXvyU3acZ7cKGe7OajiUKGDAqvqz","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/523-LEjbKtj58Ap8QE2B9i1AiCUqoGTb0H","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-30T10:05:24.790Z","updatedAt":"2026-03-13T06:18:45.384Z","publishedAt":"2025-10-01T17:03:20.560Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"euunp11kf3kw8pie9f5911qzz","paid":false,"categories":[{"id":"f6795017-0256-4955-b31a-c81a28ef20ff","name":"Integrations","slug":"integrations"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-01T17:03:20.560Z","updatedAt":"2025-10-01T17:03:20.560Z"},{"id":"01989d9f-b946-71eb-af08-6fc82a65be21","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RMiyLAFCWNRCl4EJGDCF","resolved":true,"title":"DiscPlayer","body":"$53","bodyJson":null,"introduction":"","slug":"discplayer","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/RMiyLAFCWNRCl4EJGDCF/discplayer-HXNgyfs3HBESxCgpr1x6ATPN6eq2xH","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-06T09:19:44.119Z","updatedAt":"2025-08-11T13:12:34.014Z","publishedAt":"2025-08-12T09:32:27.334Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/DiscPlayer-mPbY.js@7vFoVOLqCdOhQeAstLq2","previewUrl":"https://discplayer.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"7vFoVOLqCdOhQeAstLq2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":324,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-12T09:32:27.334Z","updatedAt":"2025-08-12T09:32:27.334Z"},{"id":"01987dc6-fffc-7a6b-be6e-09e91adb7757","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cvr9hlnlA0sKa9kuE1aM","resolved":true,"title":"Tymr","body":"$54","bodyJson":null,"introduction":"","slug":"tymr","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cvr9hlnlA0sKa9kuE1aM/tymr-Peonz7cOvJwR1pCl1rNvWoWTdl9Dv2","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-02T06:27:51.457Z","updatedAt":"2025-08-05T15:21:34.489Z","publishedAt":"2025-08-06T05:07:30.428Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Tymr-2qmt.js@Q23uiylm0pHcol8knmjW","previewUrl":"https://tymr.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"Q23uiylm0pHcol8knmjW","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":"2025-08-06T05:07:30.428Z","updatedAt":"2025-08-06T05:07:30.428Z"},{"id":"01986550-1e87-70e1-b7b3-f1dd62073562","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UZlx2bKPXWFYVxRnVwmW","resolved":true,"title":"TrueFocus","body":"

TrueFocus is a dynamic Framer component that brings attention to individual words in a block of text by highlighting them one at a time. It combines blur effects on inactive words with a glowing animated border around the active word, creating a focused reading experience.

You can switch between automatic playback or manual focus on hover, making it flexible for storytelling, presentations, or interactive UI elements. The component supports full customization—including font, color, glow style, blur intensity, word spacing, and text alignment—allowing it to blend seamlessly into any design.

","bodyJson":null,"introduction":"","slug":"truefocus","author":{"framerUserId":"a582f1c1-0670-41bf-b4e4-f938e4fec7c9","name":"Ahmad","slug":"ohitshmad","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/261626/avatar-op39JmrEtXjjWzzd8ny2DJIIVtAqZE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UZlx2bKPXWFYVxRnVwmW/truefocus-UgwRXFDGtWbwajAKx1xlsy1mSaqQfo","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-07-31T15:08:22.804Z","updatedAt":"2025-08-01T10:50:04.681Z","publishedAt":"2025-08-01T11:06:46.279Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/TrueFocus-iSxo.js@GjT6Ddk7PLLARFM4P5xu","previewUrl":"https://truefocus-component.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"GjT6Ddk7PLLARFM4P5xu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-01T11:06:46.279Z","updatedAt":"2025-08-01T11:06:46.279Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]