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

Why I did this

I wanted to experiment with how easy it is to use Framer Agents on their own to build a fully functioning landing page from a simple starting point. The goal was to push beyond assisted edits and see how far a single prompt-driven workflow could take a real idea - from structure to interaction - without manually designing each layer.

How I approached it

I started with something intentionally minimal: a 3-item CMS collection of Boba drinks. From there, I prompted the Agent to generate a complete landing page around it, including an interactive carousel to switch between flavours.

Part of the reason for doing this was to test how I might actually use Agents in a day-to-day workflow - not as a one-off experiment, but as something that could realistically speed up how I build, iterate, and polish pages in a real project environment.

What stood out most was how easily motion and animation were handled. Instead of manually configuring transitions or interaction logic, I was able to describe what I wanted in prompts, and the Agent translated that into smooth, working animations inside the carousel.

Outcome

The result is intentionally a fairly simple design, but that was part of the point. It was never about complexity - it was about demonstrating how, in roughly an hour, you can go from a blank canvas to a fully functioning, interactive page.

Even with minimal structure, it shows how powerful Framer Agents can be in turning a simple idea into a real, working experience through prompting alone.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-deba2271-d770-49ab-a705-e1cb0781c01f-all:/unified/creator/deba2271-d770-49ab-a705-e1cb0781c01f/activity/":[{"data":[{"id":"01a01e82-0d99-7005-89c6-962161c8eb1c","type":"creator.followed","target":{"type":"creator","id":"75ec9cf1-f085-4b04-b9a8-b2221e4ba6b5","preview":"Agravat Sahil","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/75ec9cf1-f085-4b04-b9a8-b2221e4ba6b5/46ej2him","slug":"agravat-sahil","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T09:30:34.766Z","latestAt":"2026-08-20T09:30:34.766Z"},{"id":"019fefe1-f267-738c-b3a2-99133d1050c6","type":"component.liked","target":{"type":"component","id":"SuOqsNFsfEvQPTuFaPbz","preview":"Smooth Liquid Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/019f9584-f699-7351-958b-cc3df44e389e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T08:13:10.089Z","latestAt":"2026-08-11T08:13:10.089Z"},{"id":"019fefe1-ef46-76cd-803f-5b6351e38ea7","type":"comment.created","target":{"type":"post","id":"019f9586-17e2-708e-85dd-d6448860067d","preview":"Smooth Liquid Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/209f50a2-053f-4743-80bc-53199d20b167/019f9584-f699-7351-958b-cc3df44e389e.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f9586-17e2-708e-85dd-d6448860067d","like":{"count":90,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fefe1-ef2d-72d4-886d-dd4950c1208d","preview":"This is so cool! If i had a use case for it I'd definitely be buying it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is so cool! If i had a use case for it I'd definitely be buying it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f9586-17e2-708e-85dd-d6448860067d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fefe1-ef2d-72d4-886d-dd4950c1208d"},"repost":null}},"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T08:13:09.318Z","latestAt":"2026-08-11T08:13:09.318Z"},{"id":"019fefe0-0b2b-777c-b6c2-a8042a346bf1","type":"creator.followed","target":{"type":"creator","id":"f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b","preview":"MotionDevLab","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b/1u-rcf5T1","slug":"motion-dev-lab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-11T08:11:05.375Z","latestAt":"2026-08-11T08:11:05.375Z"},{"id":"019fec62-7bac-73b8-b275-8961dfb56393","type":"creator.followed","target":{"type":"creator","id":"91013202-d466-43aa-bbc6-05836c675d6c","preview":"Benji Daglish","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/91013202-d466-43aa-bbc6-05836c675d6c/pwff0p8e","slug":"benji-daglish","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T15:55:04.998Z","latestAt":"2026-08-10T15:55:04.998Z"},{"id":"019fec62-6495-706f-9fec-8b1e31463c02","type":"creator.followed","target":{"type":"creator","id":"3c0f575b-83c6-41c2-b869-3ae4996ddfa9","preview":"Pixel void","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c0f575b-83c6-41c2-b869-3ae4996ddfa9/bil2lyvb","slug":"pixel-void-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T15:54:59.089Z","latestAt":"2026-08-10T15:54:59.089Z"},{"id":"019fec62-6204-751a-ad03-06091c610112","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":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-10T15:54:58.432Z","latestAt":"2026-08-10T15:54:58.432Z"},{"id":"019fdb8f-38ca-7564-b0ae-02b5f2cdac69","type":"comment.created","target":{"type":"post","id":"019fdb7f-b26e-754f-a483-ebef7c19b708","preview":"PureStructure","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23702b39-dda6-4ff7-94d2-9633272a8c88/019fdb78-5d7b-7595-b0ec-4e722b8b10b7.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019fdb7f-b26e-754f-a483-ebef7c19b708","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fdb8f-3896-7758-b153-c46869253306","preview":"Looks great. The subtle grid lines really give it that architect feel","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks great. The subtle grid lines really give it that architect feel"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fdb7f-b26e-754f-a483-ebef7c19b708","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdb8f-3896-7758-b153-c46869253306"},"repost":null}},"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T09:30:24.330Z","latestAt":"2026-08-07T09:30:24.330Z"},{"id":"019fdb8e-9a2a-751d-a70b-26bed47b2f5e","type":"creator.followed","target":{"type":"creator","id":"cea2eae4-1c56-4220-821b-5758331f6438","preview":"Wani Tani","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/cea2eae4-1c56-4220-821b-5758331f6438/sb4_0jmd-","slug":"wani-tani","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T09:29:43.718Z","latestAt":"2026-08-07T09:29:43.718Z"},{"id":"019fdb8e-983c-7307-8597-c7236937a39a","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T09:29:43.224Z","latestAt":"2026-08-07T09:29:43.224Z"},{"id":"019fc7d2-3305-7562-9c9b-0f0f0e846110","type":"creator.followed","target":{"type":"creator","id":"0b558ae9-659c-48b6-aad4-213b69082ddf","preview":"Oxyn Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2268151/avatar-lF8CINkm1L8X7zC2nKTmSMz7EFuuBn.jpg","slug":"oxynstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T13:31:09.440Z","latestAt":"2026-08-03T13:31:09.440Z"},{"id":"019fc7d2-2945-7069-ab78-29031541f2df","type":"creator.followed","target":{"type":"creator","id":"95ad4a3e-53f4-4780-9aa7-4eb5b20de6a9","preview":"Galaxy Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/95ad4a3e-53f4-4780-9aa7-4eb5b20de6a9/fx94z9y4","slug":"galaxy-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T13:31:06.946Z","latestAt":"2026-08-03T13:31:06.946Z"},{"id":"019fc7d2-2787-7378-9a6a-528f571fdce0","type":"creator.followed","target":{"type":"creator","id":"61512c24-4117-4e1c-b404-c84be09a481a","preview":"iSaaS","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/61512c24-4117-4e1c-b404-c84be09a481a/whinh9hf","slug":"isaas","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T13:31:06.414Z","latestAt":"2026-08-03T13:31:06.414Z"},{"id":"019fc7d2-2542-75c0-b7b8-3b806422c23d","type":"creator.followed","target":{"type":"creator","id":"76e1b1f3-2304-4c08-9f9c-c91d295588c0","preview":"Kasper","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/451380/avatar-dhAJEoq6bBGvfbQxrrBk8Lv2pe7HR9.jpg","slug":"kasper","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T13:31:05.912Z","latestAt":"2026-08-03T13:31:05.912Z"},{"id":"019fc7d2-2243-761b-a061-381109dfe72d","type":"creator.followed","target":{"type":"creator","id":"fc2ad8af-a079-4f8b-92e9-acf6e4301f08","preview":"SK hasanur rahman","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/fc2ad8af-a079-4f8b-92e9-acf6e4301f08/KVBwrXr-S","slug":"sk-hasanur-rahman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T13:31:05.152Z","latestAt":"2026-08-03T13:31:05.152Z"},{"id":"019fb7d7-f5b7-7549-9593-58c07d3a645d","type":"creator.followed","target":{"type":"creator","id":"49423ff1-dde1-40f0-bce2-7cfc47b30e84","preview":"Kodeinz Prod","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49423ff1-dde1-40f0-bce2-7cfc47b30e84/tpbs0eye","slug":"kodeinz-prod","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T11:03:31.508Z","latestAt":"2026-07-31T11:03:31.508Z"},{"id":"019f6f21-efc2-7609-afd8-0d50da3945a4","type":"creator.followed","target":{"type":"creator","id":"6ff5cb46-0702-479b-921e-a15c5d5bae3c","preview":"d8d GmbH","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/686998/avatar-JSq1s7QQPdyo4AyRcRcJ6WikpgEH2r.jpg","slug":"d8d-gmbh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T08:12:02.878Z","latestAt":"2026-07-17T08:12:02.878Z"},{"id":"019f6108-94dd-70b6-af4b-816aeb6ce2d0","type":"creator.followed","target":{"type":"creator","id":"d6988df4-f290-48ec-96d4-1b489a40776a","preview":"Turab Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1860967/avatar-wgqU7tZqT4PDJfyeuhMGmG0C3yzmJS.jpg","slug":"ali-hussain-turabi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T14:29:40.185Z","latestAt":"2026-07-14T14:29:40.185Z"},{"id":"019f5aed-7a1f-73fa-8f2a-559107916fae","type":"creator.followed","target":{"type":"creator","id":"11f09613-b01a-478d-8a85-e15fcaac0409","preview":"Anita Karim ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/11f09613-b01a-478d-8a85-e15fcaac0409/gecjnva7","slug":"anitakarim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T10:02:20.570Z","latestAt":"2026-07-13T10:02:20.570Z"},{"id":"019f5ab4-1767-751a-be9d-f7a2955db154","type":"creator.followed","target":{"type":"creator","id":"1253117b-c633-4eaa-b34c-e42e8214f18e","preview":"Node/C","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1253117b-c633-4eaa-b34c-e42e8214f18e/8iu23omp","slug":"node-c","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","slug":"sunil-the-designer","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T08:59:39.748Z","latestAt":"2026-07-13T08:59:39.748Z"}],"pagination":{"next":"MjAyNi0wNy0xM1QwODo1OTozOS43NDhafDAxOWY1YWI0LTE3NjctNzUxYS1iZTlkLWY3YTI5NTVkYjE1NA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:deba2271-d770-49ab-a705-e1cb0781c01f:/unified/posts/?creator=deba2271-d770-49ab-a705-e1cb0781c01f&with=reposts":[{"data":[{"id":"019ed610-2465-73cb-9ce3-a7117b993979","title":null,"body":"

@Framer Agents is genuinely incredible! The fact you can do this all within the app, without the need for api's or plugins is a game-changer! This is my entry for the hackathon. Wanted to test it on a real-world use case as if I were creating a site for a client.

Check it out here: https://boba-motion.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents is genuinely incredible! The fact you can do this all within the app, without the need for api's or plugins is a game-changer! This is my entry for the hackathon. Wanted to test it on a real-world use case as if I were creating a site for a client."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out here: "},{"type":"text","text":"https://boba-motion.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://boba-motion.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","slug":"sunil-the-designer","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/W02FYT4I02cCT9Ic3ncgbPXaoiSkgztvFZjFO91hD4zu00.m3u8","metadata":{"posterUrl":"https://image.mux.com/W02FYT4I02cCT9Ic3ncgbPXaoiSkgztvFZjFO91hD4zu00/thumbnail.webp?time=5.35","aspectRatio":"208:135","duration":22.883333}}],"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-06-17T14:50:42.667Z","updatedAt":"2026-06-17T14:50:42.667Z"},{"id":"019ed519-db6c-705b-b4bf-33af0ce86de1","title":null,"body":"

Just submitted my entry for the Framer Agents Hackathon

I experimented with building a full landing page from a simple 3-item CMS (Boba drinks) using only Agents. From there, I prompted it to generate the page, add an interactive flavour carousel, and handle all motion and animation - all through prompting.

The goal was to test how far I could push a real workflow using Agents, from blank canvas to a fully functioning page in about an hour.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just submitted my entry for the Framer Agents Hackathon "}]},{"type":"paragraph","content":[{"type":"text","text":"I experimented with building a full landing page from a simple 3-item CMS (Boba drinks) using only Agents. From there, I prompted it to generate the page, add an interactive flavour carousel, and handle all motion and animation - all through prompting."}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was to test how far I could push a real workflow using Agents, from blank canvas to a fully functioning page in about an hour."}]}]},"author":{"framerUserId":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","slug":"sunil-the-designer","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed519-db6c-705b-b4bf-37098cc58b72","contestId":"agents-hackathon","author":{"framerUserId":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","slug":"sunil-the-designer","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT"},"title":"Boba Motion","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Why I did this"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I wanted to experiment with how easy it is to use Framer Agents on their own to build a fully functioning landing page from a simple starting point. The goal was to push beyond assisted edits and see how far a single prompt-driven workflow could take a real idea - from structure to interaction - without manually designing each layer."}]},{"type":"customHeading","content":[{"type":"text","text":"How I approached it"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"I started with something intentionally minimal: a 3-item CMS collection of Boba drinks. From there, I prompted the Agent to generate a complete landing page around it, including an interactive carousel to switch between flavours."}]},{"type":"paragraph","content":[{"type":"text","text":"Part of the reason for doing this was to test how I might actually use Agents in a day-to-day workflow - not as a one-off experiment, but as something that could realistically speed up how I build, iterate, and polish pages in a real project environment."}]},{"type":"paragraph","content":[{"type":"text","text":"What stood out most was how easily motion and animation were handled. Instead of manually configuring transitions or interaction logic, I was able to describe what I wanted in prompts, and the Agent translated that into smooth, working animations inside the carousel."}]},{"type":"customHeading","content":[{"type":"text","text":"Outcome"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The result is intentionally a fairly simple design, but that was part of the point. It was never about complexity - it was about demonstrating how, in roughly an hour, you can go from a blank canvas to a fully functioning, interactive page."}]},{"type":"paragraph","content":[{"type":"text","text":"Even with minimal structure, it shows how powerful Framer Agents can be in turning a simple idea into a real, working experience through prompting alone."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/deba2271-d770-49ab-a705-e1cb0781c01f/imbtoooc","metadata":{"tint":{"h":34,"s":89,"l":44},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://boba-motion.framer.website/"},"winner":false,"createdAt":"2026-06-17T10:21:42.195Z","updatedAt":"2026-06-17T10:21:42.195Z"}],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:21:42.145Z","updatedAt":"2026-06-17T10:21:42.145Z"},{"id":"019c4763-9264-79f0-9ce7-83c38ab190e4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","slug":"sunil-the-designer","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ebamgw4NL89CMNW3nApm","resolved":true,"title":"Daily Nursery Icons","body":"

Designed for nursery and early years websites, this icon pack includes everyday routines, activities and essentials - from meals and naps to play, health and communication.

All icons are fully vector and optimised for web use. Easily customise color, stroke and opacity using variables, scale cleanly at any size, and drop them straight into your layouts for consistent, accessible UI across pages.

Perfect for nursery websites, booking flows, timetables, CMS-driven pages and parent-facing content.

","bodyJson":null,"introduction":"A friendly vector icon set for nursery and early years websites. Covers daily routines, care, play and admin. Built for Framer with easy colour and opacity control using variables.","slug":"nursery-school-vector-set","author":{"framerUserId":"deba2271-d770-49ab-a705-e1cb0781c01f","name":"Sunil Patel","slug":"sunil-the-designer","avatar":"https://framerusercontent.com/avatars/users/deba2271-d770-49ab-a705-e1cb0781c01f/yooW5P2sT","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/nursery-school-vector-set/djzmgnam-7AaBRtPSR88xwODRFKyNLsBL3GVKZ6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/nursery-school-vector-set/737obutb-eTIk1g91QFfP4FngJ7ixm3LDl8VYdu","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-09T14:30:19.516Z","updatedAt":"2026-02-10T11:50:33.828Z","publishedAt":"2026-02-10T11:50:33.828Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":"https://framer.com/m/Nap-Time-5in8qL.js@EvKjCuqIsmFQ09V9IvjK","price":null,"paymentUrl":null,"vectorCount":48,"categories":[{"id":"3535507e-b041-4f48-be7f-a084b14e30b2","name":"Icons","slug":"icons"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-10T11:50:33.828Z","updatedAt":"2026-02-10T11:50:33.828Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]