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

An assignee dropdown built for support desks, CRMs and project tools. Type to search and the list folds like an accordion — rows close up smoothly instead of fading in place, and the panel height follows. Pick someone and the selected row glides to them with a soft press. Presence is alive: when an agent comes online the dot blends to green, swells once and sends out a ring.

Trigger button + dropdown, or the panel on its own
Light and dark themes, matched to the original design
Live, case-insensitive search with match highlighting
Two agent groups with labels that hide when nothing matches
Online, Busy and Offline presence, animated when it changes
Optional 8-second demo loop for hero sections (stops as soon as someone interacts)
Keyboard: arrows move through results, Enter picks, Esc closes
Respects reduced motion
Up to 12 agents with your own photos, names and teams — all from the properties panel
"On select" and "On assign team" events for your own interactions

53:T4a9,

Helio is a complete, production-ready hero + navigation system for Framer — not just a static section.

An animated gradient shader sets a warm, immersive backdrop while your headline, eyebrow and CTA stay razor-sharp on top. Four mega-menus open on hover with a live blur that unifies the panel with the hero behind it. On tablet and mobile, the nav collapses into a polished drawer with tap-to-expand accordions, a featured card, and full-width CTAs.

Everything runs on a clean design system — color tokens and responsive text styles — so you can re-theme the whole thing in minutes. Fully responsive across desktop, tablet and mobile. Drop it in, swap the copy, ship.

What's inside • Animated gradient hero (Framer native shader — no external assets) • Sticky navbar with logo, 5 links and two CTA styles • 4 hover mega-menus with live backdrop blur + spotlight cards • Mobile/tablet drawer with tap-to-expand accordions • Design-system driven — color tokens + responsive type scale • 3 breakpoints (desktop / tablet / mobile), pixel-perfect • Smooth mount, hover and reveal animations • 100% editable, no code required

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-3d2b152d-c287-42df-b693-820ac63d6f03-all:/unified/creator/3d2b152d-c287-42df-b693-820ac63d6f03/activity/":[{"data":[{"id":"01a10ed3-a642-727f-9718-14ff17ebda29","type":"comment.liked","target":{"type":"comment","id":"01a10ecc-4e9b-779b-b49d-2811b0eb386c","preview":"❤️❤️❤️❤️","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"❤️❤️❤️❤️"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10e42-e265-763a-88b5-bb13c01eb107","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10ecc-4e9b-779b-b49d-2811b0eb386c"},"repost":null}},"context":{"type":"post","id":"01a10e42-e265-763a-88b5-bb13c01eb107","preview":"Assignee Picker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/01a10e41-b423-73ad-95b7-80bf97900f73.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a10e42-e265-763a-88b5-bb13c01eb107","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T01:28:34.100Z","latestAt":"2026-10-06T01:28:34.100Z"},{"id":"01a10e42-e4ba-75be-abe8-e70a51f8a9a0","type":"component.created","target":{"type":"component","id":"TWiZnnACGmEXZ2M7hYML","preview":"Assignee Picker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/01a10e41-b423-73ad-95b7-80bf97900f73.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T22:50:27.386Z","latestAt":"2026-10-05T22:50:27.386Z"},{"id":"019ff81d-85c6-7702-b550-65a710c78333","type":"component.created","target":{"type":"component","id":"QhcSPu2SB5NjmP1zgbA9","preview":"Bento Grids 01","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/019ff81c-904f-77f8-b0b1-0b94938c646e.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-12T22:35:12.198Z","latestAt":"2026-08-12T22:35:12.198Z"},{"id":"019fdde0-0071-75cc-9a02-7c3772bcac0b","type":"comment.reply","target":{"type":"post","id":"019fdc04-ac47-707d-92f7-4e5a34945690","preview":"Bento 01 — Capability Bento — AI2 Design.\nFour cards, none of them a screenshot.\nComing soon to the Framer Community.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 — Capability Bento — "},{"type":"text","text":"AI2 Design.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ai2.design/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Community."}]}]},"thumbnail":"https://image.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk/thumbnail.webp?time=20.2","targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fdde0-004c-74dd-bafc-3adddb62588d","preview":"Thank you. Clean was the whole target, glad it reads that way.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you. Clean was the whole target, glad it reads that way."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdd01-8e51-768a-926f-62fb5f7d8af2"},"repost":null}},"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T20:17:52.753Z","latestAt":"2026-08-07T20:17:52.753Z"},{"id":"019fdddf-f21a-7129-980d-bada4bdb8ee2","type":"comment.liked","target":{"type":"comment","id":"019fdc1a-a4a6-7349-82c2-74f359ca1900","preview":"beautifull !!\namazing work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"beautifull !!"}]},{"type":"paragraph","content":[{"type":"text","text":"amazing work"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdc1a-a4a6-7349-82c2-74f359ca1900"},"repost":null}},"context":{"type":"post","id":"019fdc04-ac47-707d-92f7-4e5a34945690","preview":"Bento 01 — Capability Bento — AI2 Design.\nFour cards, none of them a screenshot.\nComing soon to the Framer Community.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 — Capability Bento — "},{"type":"text","text":"AI2 Design.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ai2.design/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Community."}]}]},"thumbnail":"https://image.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk/thumbnail.webp?time=20.2","targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T20:17:49.073Z","latestAt":"2026-08-07T20:17:49.073Z"},{"id":"019fdddf-eef6-773b-b55d-7f2eb158d4ed","type":"comment.liked","target":{"type":"comment","id":"019fdd01-8e51-768a-926f-62fb5f7d8af2","preview":"clean capability layout","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"clean capability layout"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fdd01-8e51-768a-926f-62fb5f7d8af2"},"repost":null}},"context":{"type":"post","id":"019fdc04-ac47-707d-92f7-4e5a34945690","preview":"Bento 01 — Capability Bento — AI2 Design.\nFour cards, none of them a screenshot.\nComing soon to the Framer Community.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 — Capability Bento — "},{"type":"text","text":"AI2 Design.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ai2.design/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Community."}]}]},"thumbnail":"https://image.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk/thumbnail.webp?time=20.2","targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T20:17:48.261Z","latestAt":"2026-08-07T20:17:48.261Z"},{"id":"019fdc1e-f187-708c-9dca-a998fe606dc2","type":"comment.reply","target":{"type":"post","id":"019fdc04-ac47-707d-92f7-4e5a34945690","preview":"Bento 01 — Capability Bento — AI2 Design.\nFour cards, none of them a screenshot.\nComing soon to the Framer Community.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 — Capability Bento — "},{"type":"text","text":"AI2 Design.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ai2.design/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Community."}]}]},"thumbnail":"https://image.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk/thumbnail.webp?time=20.2","targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fdc1e-f15f-70bb-8e3d-2992d551bd17","preview":"Thank you, that means a lot.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you, that means a lot."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fdc04-ac47-707d-92f7-4e5a34945690","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fdc1a-a4a6-7349-82c2-74f359ca1900"},"repost":null}},"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-07T12:07:23.271Z","latestAt":"2026-08-07T12:07:23.271Z"},{"id":"019f0680-e73b-72f1-83a5-af6564872ad0","type":"component.created","target":{"type":"component","id":"7LZ07voMQsstOlE7Aas5","preview":"Helio - Hero & Menu","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/7qss7gmb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-27T00:35:38.939Z","latestAt":"2026-06-27T00:35:38.939Z"},{"id":"019efe79-11a1-744e-b28d-bf7253be5dc0","type":"component.created","target":{"type":"component","id":"sbf3iKjoZNnXiJk1zAW3","preview":"Halcyon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/3x7f8raj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","slug":"berkayerdinc","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-25T11:10:07.777Z","latestAt":"2026-06-25T11:10:07.777Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3d2b152d-c287-42df-b693-820ac63d6f03:/unified/posts/?creator=3d2b152d-c287-42df-b693-820ac63d6f03&with=reposts":[{"data":[{"id":"01a10e42-e265-763a-88b5-bb13c01eb107","title":null,"body":"

Assignee Picker is now live as a Framer component.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Assignee Picker is now live as a Framer component.","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TWiZnnACGmEXZ2M7hYML","resolved":true,"title":"Assignee Picker","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An assignee dropdown built for support desks, CRMs and project tools. Type to search and the list folds like an accordion — rows close up smoothly instead of fading in place, and the panel height follows. Pick someone and the selected row glides to them with a soft press. Presence is alive: when an agent comes online the dot blends to green, swells once and sends out a ring."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trigger button + dropdown, or the panel on its own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light and dark themes, matched to the original design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live, case-insensitive search with match highlighting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two agent groups with labels that hide when nothing matches"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Online, Busy and Offline presence, animated when it changes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional 8-second demo loop for hero sections (stops as soon as someone interacts)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard: arrows move through results, Enter picks, Esc closes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 12 agents with your own photos, names and teams — all from the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"\"On select\" and \"On assign team\" events for your own interactions"}]}]}]}]},"introduction":"Searchable assignee dropdown with","slug":"assignee-picker","author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/01a10e41-b423-73ad-95b7-80bf97900f73.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T22:50:26.128Z","updatedAt":"2026-10-05T22:50:26.128Z","publishedAt":"2026-10-05T22:50:26.121Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tendly-comp-02.framer.website/","price":"8","paymentUrl":"https://contra.com/payment-link/o2lYsblr-assignee-picker","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"OOmxPnqpUILAXYTDBqVS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T22:50:26.791Z","updatedAt":"2026-10-05T22:50:26.791Z"},{"id":"019ff81d-83dc-70c8-a8ad-424ba772e0b6","title":null,"body":"

Bento 01 is live.

Four cards, none of them a screenshot. Tick a task and the counter drops. Type in the palette and it filters. Drag the seam and the rewrite slides in. The file publishes.

Eight colour presets, light and dark, all inside one component. $5.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 is live."}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot. Tick a task and the counter drops. Type in the palette and it filters. Drag the seam and the rewrite slides in. The file publishes."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight colour presets, light and dark, all inside one component. $5."}]}]},"author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QhcSPu2SB5NjmP1zgbA9","resolved":true,"title":"Bento Grids 01","body":"

A four card bento section where every mechanic is real, not a picture of one.

Tick a task and the open counter drops. Type in the command palette and it filters live, with arrow keys and a keycap hint. Drag the seam on the review card and the rewrite slides in over the original. The live file carries selections, collaborator cursors and a publish state that completes.

Eight colour presets travel inside the component: Default, Nocturne, Editorial, Brutal, Terracotta, Forest, Cobalt and Mono. Each one in light and dark, plus an Auto mode that follows the visitor's system setting.

The layout reads its own container, not the window, so it moves from three columns to two to one without a breakpoint to wire. Twelve property controls cover every string, task, palette action and both code panes.

One self-contained code component: no external packages, no shared styles, nothing to install.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A four card bento section where every mechanic is real, not a picture of one."}]},{"type":"paragraph","content":[{"type":"text","text":"Tick a task and the open counter drops. Type in the command palette and it filters live, with arrow keys and a keycap hint. Drag the seam on the review card and the rewrite slides in over the original. The live file carries selections, collaborator cursors and a publish state that completes."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight colour presets travel inside the component: Default, Nocturne, Editorial, Brutal, Terracotta, Forest, Cobalt and Mono. Each one in light and dark, plus an Auto mode that follows the visitor's system setting."}]},{"type":"paragraph","content":[{"type":"text","text":"The layout reads its own container, not the window, so it moves from three columns to two to one without a breakpoint to wire. Twelve property controls cover every string, task, palette action and both code panes."}]},{"type":"paragraph","content":[{"type":"text","text":"One self-contained code component: no external packages, no shared styles, nothing to install."}]}]},"introduction":"Four bento cards that really work","slug":"bento-grids-01","author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/019ff81c-904f-77f8-b0b1-0b94938c646e.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-12T22:35:11.181Z","updatedAt":"2026-08-12T22:46:03.863Z","publishedAt":"2026-08-12T22:35:11.177Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bentogrids01.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_SQ10c6O5RQBH7GUgGttUlccSVmyUWoN0JpokC1Gyj9t","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"rAPXIMK3wZbIVq9f4BMn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-12T22:35:11.709Z","updatedAt":"2026-08-12T22:35:11.709Z"},{"id":"019fdc04-ac47-707d-92f7-4e5a34945690","title":null,"body":"

Bento 01 — Capability Bento — AI2 Design.

Four cards, none of them a screenshot.

Coming soon to the Framer Community.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento 01 — Capability Bento — "},{"type":"text","text":"AI2 Design.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ai2.design/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Four cards, none of them a screenshot."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Community."}]}]},"author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk.m3u8","metadata":{"posterUrl":"https://image.mux.com/K3jdoutleIqfB01myHJk4jYdlBvGKWYep00YsAHmmYKYk/thumbnail.webp?time=20.2","aspectRatio":"16:9","duration":22.033333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T11:38:41.611Z","updatedAt":"2026-08-07T11:38:41.611Z"},{"id":"019f0680-e71b-7169-a9b3-693de48195d2","title":null,"body":"

New drop: Helio Hero & Menu 🌅 immersive animated hero, hover mega-menus that blur the page behind them, and a polished mobile drawer. Drop it in, swap the copy, ship. Live now ↓

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New drop: "},{"type":"text","text":"Helio Hero & Menu","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"sunrise","emoji":"🌅"}},{"type":"text","text":" immersive animated hero, hover mega-menus that blur the page behind them, and a polished mobile drawer. Drop it in, swap the copy, ship. Live now ↓"}]}]},"author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7LZ07voMQsstOlE7Aas5","resolved":true,"title":"Helio - Hero & Menu","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Helio is a complete, production-ready hero + navigation system for Framer — not just a static section."}]},{"type":"paragraph","content":[{"type":"text","text":"An animated gradient shader sets a warm, immersive backdrop while your headline, eyebrow and CTA stay razor-sharp on top. Four mega-menus open on hover with a live blur that unifies the panel with the hero behind it. On tablet and mobile, the nav collapses into a polished drawer with tap-to-expand accordions, a featured card, and full-width CTAs."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything runs on a clean design system — color tokens and responsive text styles — so you can re-theme the whole thing in minutes. Fully responsive across desktop, tablet and mobile. Drop it in, swap the copy, ship."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside","marks":[{"type":"bold"}]},{"type":"text","text":" • Animated gradient hero (Framer native shader — no external assets) • Sticky navbar with logo, 5 links and two CTA styles • 4 hover mega-menus with live backdrop blur + spotlight cards • Mobile/tablet drawer with tap-to-expand accordions • Design-system driven — color tokens + responsive type scale • 3 breakpoints (desktop / tablet / mobile), pixel-perfect • Smooth mount, hover and reveal animations • 100% editable, no code required"}]}]},"introduction":"Hero, mega-menu & mobile drawer","slug":"helio-hero-menu","author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/7qss7gmb","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-27T00:35:38.869Z","updatedAt":"2026-06-27T00:35:38.869Z","publishedAt":"2026-06-27T00:35:38.863Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://helio-herosection.framer.website/","price":"16","paymentUrl":"https://contra.com/payment-link/La7yjyqG-helio-hero-and-menu","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"Cjmzjc5kYuiMjRE7NKzu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-27T00:35:38.907Z","updatedAt":"2026-06-27T00:35:38.907Z"},{"id":"019efe79-1162-751a-baa9-44990abed223","title":null,"body":"

Just shipped Halcyon — a free Framer component I made over the last few days. 🌿 Free ↓ (like it on the marketplace if it's useful 🙏)

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped "},{"type":"text","text":"Halcyon","marks":[{"type":"bold"}]},{"type":"text","text":" — a free Framer component I made over the last few days. "},{"type":"emoji","attrs":{"name":"herb","emoji":"🌿"}},{"type":"text","text":" Free ↓ (like it on the marketplace if it's useful "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}},{"type":"text","text":")"}]}]},"author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[],"resources":[{"id":"sbf3iKjoZNnXiJk1zAW3","resolved":true,"title":"Halcyon","body":"

Halcyon is a real-time WebGL gradient background for Framer — not a video, not an image. Drop it behind any hero, section, or card and pick from 12 hand-tuned presets, or craft your own palette with up to 5 colors.

Fine-tune speed, scale, warp, grain, and corner radius right from the properties panel. Pure WebGL with no dependencies and no media files, so it stays light and crisp on every screen.

Features

• 12 curated presets (Midnight Aurora, Acid Lime, Plasma Violet, Sunset Drive, Vaporwave & more)

• Custom palette mode — 2 to 5 colors

• Controls: preset, speed, scale, warp, grain, radius

• Pure WebGL, dependency-free, SSR-safe

• Fully responsive

Perfect for SaaS & AI landing pages, hero sections, portfolios, and app backgrounds. Free — you keep everything.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halcyon is a real-time WebGL gradient background for Framer — not a video, not an image. Drop it behind any hero, section, or card and pick from 12 hand-tuned presets, or craft your own palette with up to 5 colors."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine-tune speed, scale, warp, grain, and corner radius right from the properties panel. Pure WebGL with no dependencies and no media files, so it stays light and crisp on every screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"• 12 curated presets (Midnight Aurora, Acid Lime, Plasma Violet, Sunset Drive, Vaporwave & more)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom palette mode — 2 to 5 colors"}]},{"type":"paragraph","content":[{"type":"text","text":"• Controls: preset, speed, scale, warp, grain, radius"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pure WebGL, dependency-free, SSR-safe"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for SaaS & AI landing pages, hero sections, portfolios, and app backgrounds. Free — you keep everything."}]}]},"introduction":"Animated WebGL gradient backdrops","slug":"halcyon","author":{"framerUserId":"3d2b152d-c287-42df-b693-820ac63d6f03","name":"Berkay Erdinc","slug":"berkayerdinc","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/sqmxxgie","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d2b152d-c287-42df-b693-820ac63d6f03/3x7f8raj","metadata":{"tint":{"h":90,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-25T11:10:07.684Z","updatedAt":"2026-06-25T11:18:46.538Z","publishedAt":"2026-06-25T11:10:07.681Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Halcyon-90NMFu.js@EpescukqMh6XP4hApcGn","previewUrl":"https://halcyon-gradients.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"EpescukqMh6XP4hApcGn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-25T11:10:07.714Z","updatedAt":"2026-06-25T11:10:07.714Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]