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

A floating pill navigation bar with hover mega-menu panels on desktop and a real accordion drawer on mobile. Drop it in, point the menu at your pages, and match it to your brand with six colour controls and two font controls.

Mega-menu panels. Each menu item can open a panel with an eyebrow, a blurb, a "view all" link and a two-column grid of titled sub-links. Items without sub-links stay plain links.
Sub-links from one text field. Type Label|Description|/link, one per line. The description and the link are both optional.
A real mobile drawer. Below a width you set, the bar collapses to a burger and opens an accordion drawer with expanding sub-items and an optional full-width button.
Container-based, not viewport-based. It measures its own width, so it collapses correctly inside a sidebar, a modal or a narrow section, and it shows the right state on the canvas at every breakpoint.
Six colours, two fonts. Bar, panel, text, muted, accent and on-accent, plus separate nav and panel typography. Borders, hover states and separators derive from those automatically.
Shape controls. Bar height, max width, corner radius, panel offset, and a separate panel radius cap so a full pill bar does not round the panel away.
Hover or click, and accessible either way. Real buttons for the triggers, aria-expanded and aria-controls, visible focus rings, Escape and outside-click to close, and a prefers-reduced-motion fallback.

64:T674,

Webinar-ist Lite is the one-page version of Webinarist: the same brutalist system cut down to a single high-converting webinar page. A single session needs a page that sells the date and collects sign-ups today — so this keeps only what converts.

Webinar-ist Lite is a one-page Framer template for promoting a single webinar and collecting sign-ups. Brutalist mono design, off-white and black, 1px grid. No CMS, no code: every text and image is editable right on the canvas. Desktop, tablet and phone breakpoints included.

Sections

Ticker — scrolling event strip
Hero — headline, copy, CTA and a date / time / format strip
Proof — four animated count-up stats
Sessions — 2×2 grid of session cards
Speakers — four speaker cards
Reviews — three review cards
Register — native Framer form with session picker and success state
FAQ — accordion with four items
Sticky navigation with phone drawer, and footer

Also included

404 and Legal pages
Color and text styles as tokens
Button, Session Card, Speaker Card, Review Card, Submit Button and FAQ Item components
Intro guide right on the canvas explaining what to edit and where

Need more? The full Webinarist template adds Upcoming, Recordings and Speakers CMS collections with detail pages, Login and Register pages, About and Contact, and a three-column synced scroll layout.

Questions before you buy? Email hello@framer-expert.com.

65:T6cf,

Most Framer menus give you one level. The moment a client asks for Work → Websites → Marketing, you're rebuilding the whole thing with stacks, overlays and three variants you have to keep in sync.

IslandMenu handles it in one component. A collapsed pill sits in your layout at 52px. Press it and it expands around its own anchor, so a centered menu grows symmetrically instead of shoving your logo sideways. The panel measures the live viewport every time it opens: it flips up when there's no room below, clamps to the screen edges, narrows itself on phones, and scrolls internally when the list runs past the fold.

Submenus are built the way navigation actually works. Every item has a Label, its own Link, and a Submenu of more items with the same fields, four levels deep. Each row gets a real Framer link picker, so you point at pages in your project instead of typing paths. An item can be a destination and a way in at the same time: Work links to /work and still opens its branch.

On desktop, submenus fly out beside their parent row and pick a side automatically when they'd run off screen. On phones they fold into an indented accordion. That switch is automatic, and you can force either one.

Closing runs the opening sequence in reverse. Open branches unwind leaf first, rows stagger out, then the panel collapses back into the pill. Nothing blinks away.

Two materials. Solid, with full control over surface, border, text, muted, hover fill and hover text. Or liquid glass: a tinted translucent body that blurs and saturates the page behind it, with a specular rim along the top edge. Glass sets its own text colors so it stays readable over photography.

66:T628,

GridMosaic — Grid Takeover Effect for Framer

The grid takeover effect is everywhere in brand content right now, and every version of it is a rendered video. GridMosaic runs the effect live on your Framer site.

Drop in any clip or photo. The component cuts out the subject in the browser, then rebuilds the composite in real time: tiled background with shuffled cells and exposure jitter, mosaic pixelation, a white paper-cut edge around the subject, grid lines on top. Tiles drift and fade between states instead of snapping, so the motion reads like the original edit, not a slideshow.

What's built in:

Auto cutout for people, in the browser. Pre-keyed alpha video supported for product shots and hair-perfect edges.
Reverse background playback that matches forward smoothness, so the background can run against the subject.
Image mode with automatic parallax, driven by scroll or cursor, with the subject counter-drifting for depth.
Three hover modes: tiles pixelate, reveal the background, or scramble around the cursor.
Grid-anchored typography with Framer's full font picker, plus an editable branding slot in the corner.
Performance-minded throughout: one canvas, video loads only when visible, playback pauses offscreen, reduced motion holds a still, alt text included.

Full control over grid density, seed, tile behavior, subject placement and scale, edge width and color, B&W treatment, and re-roll timing.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-2962fc65-063f-4330-beb8-c5119114c9d0-all:/unified/creator/2962fc65-063f-4330-beb8-c5119114c9d0/activity/":[{"data":[{"id":"01a0aa4d-6b2f-7740-a42a-3a73899ab110","type":"creator.followed","target":{"type":"creator","id":"d52515d4-1596-4d7c-a09e-f3b781eba93f","preview":"FIRSTT®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d52515d4-1596-4d7c-a09e-f3b781eba93f/ypc0vx3p","slug":"firstt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T12:59:55.556Z","latestAt":"2026-09-16T12:59:55.556Z"},{"id":"01a0a3d3-81ea-705d-aef6-9bab323fda32","type":"comment.liked","target":{"type":"comment","id":"01a0a14a-b245-7754-9e47-18686a1a50a1","preview":"🥳","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"partying_face","emoji":"🥳"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a0fd-c893-7767-8bdc-9b829a6a3916","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a14a-b245-7754-9e47-18686a1a50a1"},"repost":null}},"context":{"type":"post","id":"01a0a0fd-c893-7767-8bdc-9b829a6a3916","preview":"All my components are free now. 28 of them. \nNavigation (Navbar Pill, IslandMenu, Staggered Menu FX, Drawer Popup, TabsCard, InstallTabs), forms (AuthCard, Calendar, MultiSelectCombobox, RadioGroupCards, PricingCard), media (Scroll Video Sync, Video Player Pro, VideoImagePlayer, Video Bento Box, Instagram Video Card), and effects (SpatialWave, GridMosaic, StochasticSwarm, Pixel Blast, Grid Scan, Liquid Ether, Radiant Beams, Floating Lines, Text Cursor FX, Bar Chart, Team Card Flip, AppStoreButtons).\nCopy Component → paste → tweak in the property panel. That's it.\nEnjoy and ship.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"All my components are free now. 28 of them. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Navigation (Navbar Pill, IslandMenu, Staggered Menu FX, Drawer Popup, TabsCard, InstallTabs), forms (AuthCard, Calendar, MultiSelectCombobox, RadioGroupCards, PricingCard), media (Scroll Video Sync, Video Player Pro, VideoImagePlayer, Video Bento Box, Instagram Video Card), and effects (SpatialWave, GridMosaic, StochasticSwarm, Pixel Blast, Grid Scan, Liquid Ether, Radiant Beams, Floating Lines, Text Cursor FX, Bar Chart, Team Card Flip, AppStoreButtons)."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Component → paste → tweak in the property panel. That's it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Enjoy and ship."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0fd-8afd-730b-8fe7-684eef8e1da1.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a0fd-c893-7767-8bdc-9b829a6a3916","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T06:49:02.695Z","latestAt":"2026-09-15T06:49:02.695Z"},{"id":"01a0a133-bd31-77cb-89f7-ed5e76188770","type":"creator.followed","target":{"type":"creator","id":"e3dfc8ce-c123-4782-b753-4a233c2a0271","preview":"Wes Ambler","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64350/avatar.jpg","slug":"ohitswes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:17.653Z","latestAt":"2026-09-14T18:35:17.653Z"},{"id":"01a0a133-af98-7518-8456-c65dae802abe","type":"creator.followed","target":{"type":"creator","id":"e64da41f-45a0-4602-8647-85b4b62f9046","preview":"Andy Orsow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/50363/9WIgxyxe0-SiCTNuygqKIdsQ2LKbPObtEdVvpMt0","slug":"andy-orsow-gubrno","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:14.193Z","latestAt":"2026-09-14T18:35:14.193Z"},{"id":"01a0a133-a010-74a9-8fc4-647607054a16","type":"creator.followed","target":{"type":"creator","id":"e77c8d2c-881f-46e7-b945-68aebec62cb0","preview":"Anatolii Dmitrienko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31123/McHTH71f_400x400-VKlVpQryMU6V11WxN53SB2yWgeC2GY.jpg","slug":"bynneh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:10.219Z","latestAt":"2026-09-14T18:35:10.219Z"},{"id":"01a0a133-9171-74cc-820b-67e3eacc590e","type":"creator.followed","target":{"type":"creator","id":"ec61ceb6-71a8-4d10-a02e-7f6b06d50bd2","preview":"Jakob Hauritz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1234436/avatar-TEwAsArCLaGXb8bzpC0JtLwCzwX7wg.jpg","slug":"jakob-ps","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:06.476Z","latestAt":"2026-09-14T18:35:06.476Z"},{"id":"01a0a133-8d5e-7600-830a-df98883e3b87","type":"creator.followed","target":{"type":"creator","id":"ebaf78c9-2512-46d7-b33f-5cd3e97a4ed5","preview":"Tymofii Bak","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/47469/avatar-HJxvvd4WzTEBmm0ulo9nlRnXG4Z6AU.jpg","slug":"tymofii-bak","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:05.399Z","latestAt":"2026-09-14T18:35:05.399Z"},{"id":"01a0a133-80ad-7522-ac82-0a86c92776bb","type":"creator.followed","target":{"type":"creator","id":"ee984cc2-2445-4bc7-9db6-09f92480d354","preview":"David Alex","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30169/43IKLT2ya-hZirIbG8jHfDN1Zx7S1CfnVqg2kpg0","slug":"david-alex","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:02.169Z","latestAt":"2026-09-14T18:35:02.169Z"},{"id":"01a0a133-78d4-744b-ab6d-2673105b8943","type":"creator.followed","target":{"type":"creator","id":"ee838e64-fa4a-46b5-b72f-41e22c5eb7c8","preview":"Andrii","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ee838e64-fa4a-46b5-b72f-41e22c5eb7c8/ep7yi6xq","slug":"andrii","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:35:00.150Z","latestAt":"2026-09-14T18:35:00.150Z"},{"id":"01a0a133-7579-73cd-afd4-7f8c84878cf2","type":"creator.followed","target":{"type":"creator","id":"ec940c0c-d4f1-43fe-a54a-46e512ce74e6","preview":"Cycloto","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/170006/avatar-fiTtRAzUIUgH4cSJMdFsQkm92f9Hr2.jpg","slug":"cycloto","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:59.315Z","latestAt":"2026-09-14T18:34:59.315Z"},{"id":"01a0a133-6553-7269-9c93-1e0e01a2f189","type":"creator.followed","target":{"type":"creator","id":"f50ff632-2e39-40a1-840a-5c07688e3bc8","preview":"Tom Watson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/125989/zk-Wm1zvl-y3tDNKgw90vADjLyk8WoFubcjr7HZZ","slug":"tom-watson","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:55.171Z","latestAt":"2026-09-14T18:34:55.171Z"},{"id":"01a0a133-4ebb-7568-9483-dedf810df0ae","type":"creator.followed","target":{"type":"creator","id":"f5a3bbc9-1f8a-4c09-b2c1-5dc4e90e1c26","preview":"Carlos Geronimo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30345/avatar-IGm9pGzf0wqKw1gsnxIpxN1HvzEvjk.jpg","slug":"carlos-geronimo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:49.362Z","latestAt":"2026-09-14T18:34:49.362Z"},{"id":"01a0a133-4947-71b4-aa89-c6c60027e7fa","type":"creator.followed","target":{"type":"creator","id":"f609bf1b-a93b-49be-9d70-43169680e4a8","preview":"Adriano Reis","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f609bf1b-a93b-49be-9d70-43169680e4a8/z92yr2vr","slug":"adrianoreis","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:47.986Z","latestAt":"2026-09-14T18:34:47.986Z"},{"id":"01a0a133-3cd0-75be-b6bc-68e07659a8fa","type":"creator.followed","target":{"type":"creator","id":"f83f71ee-6f25-43cf-833c-4692c35cea40","preview":"Design from Nick","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/704204/avatar-6kkab6clisMYBXeqTU45DyJ0rlprBV.jpg","slug":"designfromnick","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:44.795Z","latestAt":"2026-09-14T18:34:44.795Z"},{"id":"01a0a133-39eb-714e-92a0-1016c94c1365","type":"creator.followed","target":{"type":"creator","id":"fa381047-a543-4ead-a86f-d43c3d717c91","preview":"David Pukha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/161668/avatar-9MXOOjGpy8BCVR8wz6q0Tl2Ccy3vGf.jpg","slug":"pukha-dav","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:44.040Z","latestAt":"2026-09-14T18:34:44.040Z"},{"id":"01a0a133-2988-739d-b0e9-f3c6d1af0126","type":"creator.followed","target":{"type":"creator","id":"fbbf9124-572c-4663-922e-226e17935239","preview":"Bogdan Skripka","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64353/avatar-msMtj4l1CHbJfCKEvt5GI0Ibp8CwKR.jpg","slug":"bogdan-skripka","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:39.854Z","latestAt":"2026-09-14T18:34:39.854Z"},{"id":"01a0a133-2549-704d-aea0-592b46b4a621","type":"creator.followed","target":{"type":"creator","id":"fbf94af1-1d67-4c46-9fd5-43a85d1e61a9","preview":"Abderrahim","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1312902/avatar-NenkF79h5AAHrdVvlxzItxELUc2hEQ.jpg","slug":"ilm","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:38.768Z","latestAt":"2026-09-14T18:34:38.768Z"},{"id":"01a0a133-1c65-75d9-bf64-ba2f586fb201","type":"creator.followed","target":{"type":"creator","id":"fc522000-8e41-4a7d-8465-71455de6f944","preview":"Mr. Frame","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/327228/avatar-wv5V9aSX9m3mG6kXLhjzasf2zqJJTM.jpg","slug":"mrframeteam","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:36.465Z","latestAt":"2026-09-14T18:34:36.465Z"},{"id":"01a0a133-15e4-733c-8bc9-c7776143aae2","type":"creator.followed","target":{"type":"creator","id":"fdb04bb1-700e-4408-9397-05fc00ef5ef9","preview":"Ivan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fdb04bb1-700e-4408-9397-05fc00ef5ef9/27ccxz96","slug":"templates","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:34.844Z","latestAt":"2026-09-14T18:34:34.844Z"},{"id":"01a0a133-101e-7450-8dac-507da2355d04","type":"creator.followed","target":{"type":"creator","id":"fe6fd8b2-4454-4dc9-8313-b61f93a349ac","preview":"Yellow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fe6fd8b2-4454-4dc9-8313-b61f93a349ac/teydpm83","slug":"yellow","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","slug":"frankie-expert-pro","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T18:34:33.350Z","latestAt":"2026-09-14T18:34:33.350Z"}],"pagination":{"next":"MjAyNi0wOS0xNFQxODozNDozMy4zNTBafDAxYTBhMTMzLTEwMWUtNzQ1MC04ZGFjLTUwN2RhMjM1NWQwNA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2962fc65-063f-4330-beb8-c5119114c9d0:/unified/posts/?creator=2962fc65-063f-4330-beb8-c5119114c9d0&with=reposts":[{"data":[{"id":"01a0a952-f19c-746f-a780-baa3ff13a2a2","title":null,"body":"

One of my favorite components from my AgentKit Framer template is now FREE 🎉

It’s a fully customisable pricing card that automatically calculates add-ons based on the rules you set.

For example:

• Hobby → Free, 1 model included

• Pro → 2 models minimum

• Extra models → $10 each

No more manually updating every pricing tier.

Like all my other Framer components, this one is now free to use. Build with it, customise it, make it yours.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of my favorite components from my AgentKit Framer template is now "},{"type":"text","text":"FREE","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It’s a fully customisable pricing card that automatically calculates add-ons based on the rules you set."}]},{"type":"paragraph","content":[{"type":"text","text":"For example: "}]},{"type":"paragraph","content":[{"type":"text","text":"• Hobby → Free, 1 model included "}]},{"type":"paragraph","content":[{"type":"text","text":"• Pro → 2 models minimum "}]},{"type":"paragraph","content":[{"type":"text","text":"• Extra models → $10 each"}]},{"type":"paragraph","content":[{"type":"text","text":"No more manually updating every pricing tier."}]},{"type":"paragraph","content":[{"type":"text","text":"Like all my other Framer components, this one is now free to use. Build with it, customise it, make it yours."}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a952-6d04-715c-a37e-77daa6ebf50d.png","metadata":{"tint":{"h":0,"s":26,"l":63},"width":3200,"height":2241}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a951-70aa-759c-a7b6-e397dab0cef5.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":2354,"height":1772}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T08:26:20.447Z","updatedAt":"2026-09-16T08:26:20.447Z"},{"id":"019f367c-4760-72eb-b073-995e826bfd75","title":null,"body":"

One of my favorite components in my Agentkit Framer template is this fully customisable pricing card. Instead of manually updating every pricing tier, the component automatically calculates add-ons for each plan based on the rules you define. Example: • Hobby → Free, includes up to 1 model • Need more than 1 model? Upgrade to Pro • Pro starts with a minimum of 2 models • Every additional model is automatically calculated at $10 each It saves a ton of time when building SaaS pricing pages and makes pricing updates effortless. You can find it in my AgentKit Framer template, along with a collection of reusable components designed to help you launch faster while keeping everything easy to customise. What pricing setup would you build with it?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of my favorite components in my Agentkit Framer template is this fully customisable pricing card. Instead of manually updating every pricing tier, the component automatically calculates add-ons for each plan based on the rules you define. Example: • Hobby → Free, includes up to 1 model • Need more than 1 model? Upgrade to Pro • Pro starts with a minimum of 2 models • Every additional model is automatically calculated at $10 each It saves a ton of time when building SaaS pricing pages and makes pricing updates effortless. You can find it in my AgentKit Framer template, along with a collection of reusable components designed to help you launch faster while keeping everything easy to customise. What pricing setup would you build with it?"}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/7Z3nRDS5JjI02xp028SRiRQXVaj2y7hsKZAvDER9LiLlw.m3u8","metadata":{"posterUrl":"https://image.mux.com/7Z3nRDS5JjI02xp028SRiRQXVaj2y7hsKZAvDER9LiLlw/thumbnail.webp?time=9.5","aspectRatio":"169:95","duration":20.541667}}],"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":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T08:12:22.244Z","updatedAt":"2026-07-06T08:12:22.244Z","repostedBy":{"creator":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c"},"repostId":"01a0a94e-0507-76ad-9dfe-9b8b9759fb28","repostedAt":"2026-09-16T08:20:57.737Z"}},{"id":"01a0a0fd-c893-7767-8bdc-9b829a6a3916","title":null,"body":"

All my components are free now. 28 of them.

Navigation (Navbar Pill, IslandMenu, Staggered Menu FX, Drawer Popup, TabsCard, InstallTabs), forms (AuthCard, Calendar, MultiSelectCombobox, RadioGroupCards, PricingCard), media (Scroll Video Sync, Video Player Pro, VideoImagePlayer, Video Bento Box, Instagram Video Card), and effects (SpatialWave, GridMosaic, StochasticSwarm, Pixel Blast, Grid Scan, Liquid Ether, Radiant Beams, Floating Lines, Text Cursor FX, Bar Chart, Team Card Flip, AppStoreButtons).

Copy Component → paste → tweak in the property panel. That's it.

Enjoy and ship.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"All my components are free now. 28 of them. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Navigation (Navbar Pill, IslandMenu, Staggered Menu FX, Drawer Popup, TabsCard, InstallTabs), forms (AuthCard, Calendar, MultiSelectCombobox, RadioGroupCards, PricingCard), media (Scroll Video Sync, Video Player Pro, VideoImagePlayer, Video Bento Box, Instagram Video Card), and effects (SpatialWave, GridMosaic, StochasticSwarm, Pixel Blast, Grid Scan, Liquid Ether, Radiant Beams, Floating Lines, Text Cursor FX, Bar Chart, Team Card Flip, AppStoreButtons)."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy Component → paste → tweak in the property panel. That's it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Enjoy and ship."}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0fd-8afd-730b-8fe7-684eef8e1da1.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2514,"height":1720}}],"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":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T17:36:21.655Z","updatedAt":"2026-09-14T17:36:21.655Z"},{"id":"01a08b18-6007-709c-8578-092e5eaadb5e","title":null,"body":"

New component: Navbar Pill. A floating pill navbar with hover mega-menu panels, a real accordion drawer on mobile, and six colours plus two font controls so it matches any brand. It measures its own container instead of the viewport, so it collapses correctly inside sidebars and modals too. Live preview in the link.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Navbar Pill. A floating pill navbar with hover mega-menu panels, a real accordion drawer on mobile, and six colours plus two font controls so it matches any brand. It measures its own container instead of the viewport, so it collapses correctly inside sidebars and modals too. Live preview in the link."}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"NyFJTf1afmPWJwwkAezt","resolved":true,"title":"Navbar Pill","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A floating pill navigation bar with hover mega-menu panels on desktop and a real accordion drawer on mobile. Drop it in, point the menu at your pages, and match it to your brand with six colour controls and two font controls."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mega-menu panels. Each menu item can open a panel with an eyebrow, a blurb, a \"view all\" link and a two-column grid of titled sub-links. Items without sub-links stay plain links."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sub-links from one text field. Type Label|Description|/link, one per line. The description and the link are both optional."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A real mobile drawer. Below a width you set, the bar collapses to a burger and opens an accordion drawer with expanding sub-items and an optional full-width button."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container-based, not viewport-based. It measures its own width, so it collapses correctly inside a sidebar, a modal or a narrow section, and it shows the right state on the canvas at every breakpoint."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six colours, two fonts. Bar, panel, text, muted, accent and on-accent, plus separate nav and panel typography. Borders, hover states and separators derive from those automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shape controls. Bar height, max width, corner radius, panel offset, and a separate panel radius cap so a full pill bar does not round the panel away."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover or click, and accessible either way. Real buttons for the triggers, aria-expanded and aria-controls, visible focus rings, Escape and outside-click to close, and a prefers-reduced-motion fallback."}]}]}]}]},"introduction":"Pill navbar with mega menus","slug":"navbar-pill","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0e7-67e5-7059-abfe-964d336875a0.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-10T11:33:45.067Z","updatedAt":"2026-09-14T17:12:05.093Z","publishedAt":"2026-09-10T11:33:45.064Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Navbar-Pill-K5AqaD.js@cVwg6ROEbj7h7hiQTQIM","previewUrl":"https://navbarpill.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"cVwg6ROEbj7h7hiQTQIM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T11:33:45.607Z","updatedAt":"2026-09-10T11:33:45.607Z"},{"id":"01a08abe-3100-7779-be3c-fca278ebadb6","title":null,"body":"

My most successful Framer component, the Stagger Menu, just got a little facelift

What’s new: → Smoother menu opening & closing → Refined stagger animations → Updated colours & typography → A more polished aesthetic overall

Same component, just cleaner, smoother, and better looking.

Give it a try and let me know what you think!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My most successful Framer component, the "},{"type":"text","text":"Stagger Menu","marks":[{"type":"bold"}]},{"type":"text","text":", just got a little facelift "}]},{"type":"paragraph","content":[{"type":"text","text":"What’s new: → Smoother menu opening & closing → Refined stagger animations → Updated colours & typography → A more polished aesthetic overall"}]},{"type":"paragraph","content":[{"type":"text","text":"Same component, just cleaner, smoother, and better looking. "}]},{"type":"paragraph","content":[{"type":"text","text":"Give it a try and let me know what you think!"}]},{"type":"paragraph"}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GqSfLlL00LVk7aooWe3G8GFBVOsC9Sp3KoPDVEPCPdas.m3u8","metadata":{"posterUrl":"https://image.mux.com/GqSfLlL00LVk7aooWe3G8GFBVOsC9Sp3KoPDVEPCPdas/thumbnail.webp?time=6.917","aspectRatio":"16:9","duration":14.875}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T09:55:15.332Z","updatedAt":"2026-09-10T09:55:15.332Z"},{"id":"01a07c1d-0d5a-719c-9a09-4080a52a77c5","title":null,"body":"

ToolCall is free to remix now.

MCP server SaaS template. Void black and orange, JetBrains Mono, 12 custom components. AuthCard runs in Supabase, Firebase, webhook or UI-only mode. Docs layout is JSON-driven, so you add pages without touching the canvas.

I also rebuilt the hero. The old one made you read before you understood what the product was. New one shows it. Quick recording below.

Grab it, remix it, ship it!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ToolCall is free to remix now."}]},{"type":"paragraph","content":[{"type":"text","text":"MCP server SaaS template. Void black and orange, JetBrains Mono, 12 custom components. AuthCard runs in Supabase, Firebase, webhook or UI-only mode. Docs layout is JSON-driven, so you add pages without touching the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"I also rebuilt the hero. The old one made you read before you understood what the product was. New one shows it. Quick recording below."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it, remix it, ship it! "}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a07c1c-5fe0-74cc-b71b-5e01f64fd8b0.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T13:44:33.887Z","updatedAt":"2026-09-07T13:44:33.887Z"},{"id":"01a0681f-b102-7468-9ead-1b07991d90fa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72422","resolved":true,"title":"Webinar-ist Lite","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Webinar-ist Lite is the one-page version of Webinarist: the same brutalist system cut down to a single high-converting webinar page. A single session needs a page that sells the date and collects sign-ups today — so this keeps only what converts."}]},{"type":"paragraph","content":[{"type":"text","text":"Webinar-ist Lite is a one-page Framer template for promoting a single webinar and collecting sign-ups. Brutalist mono design, off-white and black, 1px grid. No CMS, no code: every text and image is editable right on the canvas. Desktop, tablet and phone breakpoints included."}]},{"type":"customHeading","content":[{"type":"text","text":"Sections"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ticker — scrolling event strip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero — headline, copy, CTA and a date / time / format strip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Proof — four animated count-up stats"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sessions — 2×2 grid of session cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speakers — four speaker cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reviews — three review cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Register — native Framer form with session picker and success state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"FAQ — accordion with four items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky navigation with phone drawer, and footer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Also included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 and Legal pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color and text styles as tokens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button, Session Card, Speaker Card, Review Card, Submit Button and FAQ Item components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro guide right on the canvas explaining what to edit and where"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need more? The full Webinarist template adds Upcoming, Recordings and Speakers CMS collections with detail pages, Login and Register pages, About and Contact, and a three-column synced scroll layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Questions before you buy? Email hello@framer-expert.com."}]}]},"introduction":"One-page webinar landing template","slug":"webinar-ist-lite","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0b2-3f86-7694-9907-23b95693219e.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0b2-3fa2-77c0-80b2-cb2af1950968.jpg","metadata":{"tint":{"h":216,"s":51,"l":35},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0b2-3fed-70cd-8733-7b20171b923d.jpg","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0b2-3f92-764b-9ad2-d35239035bf6.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0b2-3fab-7574-b477-ad90dbaac6c1.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-03T16:35:01.958Z","updatedAt":"2026-09-14T16:14:26.094Z","publishedAt":"2026-09-03T16:35:01.954Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"39","paymentUrl":"https://store.framer-expert.com/checkout/buy/7c018bb9-a386-4545-9b6c-86952af70f9d","remixUrl":null,"previewUrl":"https://webinaristlight.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":114,"name":"Education","slug":"education"},{"id":202,"name":"Community","slug":"community"}],"styles":[],"mainCategory":{"id":291,"name":"Conferences","slug":"conferences"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"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-09-03T16:35:02.530Z","updatedAt":"2026-09-03T16:35:02.530Z"},{"id":"01a05e18-2f3a-706a-b2be-0f608c35f03e","title":null,"body":"

My Framer templates & components are now available on Gumroad ✨

Explore the collection and find ready-to-use resources to speed up your next project.

👉

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My Framer templates & components are now available on Gumroad "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Explore the collection and find ready-to-use resources to speed up your next project."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framerexpert5.gumroad.com/","metadata":{"title":"Subscribe to Francisc (Frankie) Toth","description":"On Gumroad","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/80bccd3a8aac1a48/image.png","siteName":"Gumroad","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/80bccd3a8aac1a48/favicon.png"}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-01T17:50:38.398Z","updatedAt":"2026-09-01T17:50:38.398Z"},{"id":"019efa42-f7a7-703b-9f87-30143a502003","title":null,"body":"

A pricing card your visitors can configure themselves.

Most pricing components are fixed. This one recalculates. Visitors pick their run volume, choose which models they want, and switch between monthly and annual. The price updates as they go. Made for SaaS and AI products.

What's included:

→ Slider for usage tiers: 10K, 25K, 100K, 500K runs/mo

→ Per-model toggles, each with its own add-on price

→ A monthly/annual billing switch

→ A "Popular" badge and feature list, both editable in Framer

→ Clean design that's ready to drop into a live site

Good fit for:

→ AI API products

→ SaaS tools that charge by usage

→ Any startup with tiered or modular pricing

Built and tested in Framer. Fully responsive. Easy to connect to your own variables and CMS.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A pricing card your visitors can configure themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"Most pricing components are fixed. This one recalculates. Visitors pick their run volume, choose which models they want, and switch between monthly and annual. The price updates as they go. Made for SaaS and AI products."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Slider for usage tiers: 10K, 25K, 100K, 500K runs/mo"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Per-model toggles, each with its own add-on price"}]},{"type":"paragraph","content":[{"type":"text","text":"→ A monthly/annual billing switch"}]},{"type":"paragraph","content":[{"type":"text","text":"→ A \"Popular\" badge and feature list, both editable in Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Clean design that's ready to drop into a live site"}]},{"type":"paragraph","content":[{"type":"text","text":"Good fit for:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ AI API products"}]},{"type":"paragraph","content":[{"type":"text","text":"→ SaaS tools that charge by usage"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Any startup with tiered or modular pricing"}]},{"type":"paragraph","content":[{"type":"text","text":"Built and tested in Framer. Fully responsive. Easy to connect to your own variables and CMS."}]},{"type":"paragraph"}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/HeYWeVvfW3lLprYBgSp4ZtBiMApyXkirOILFJXRiWNQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/HeYWeVvfW3lLprYBgSp4ZtBiMApyXkirOILFJXRiWNQ/thumbnail.webp?time=12.708","aspectRatio":"215:173","duration":23.625}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":3},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T15:32:33.325Z","updatedAt":"2026-06-24T15:32:33.325Z","repostedBy":{"creator":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c"},"repostId":"01a03360-4c11-70a3-99c5-64c00f6a2356","repostedAt":"2026-08-24T10:45:44.082Z"}},{"id":"019f6a20-ee27-7478-a4c1-ca1da6d7b21e","title":null,"body":"

ToolCall MCP Server Template has a new price. Check it out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ToolCall MCP Server","marks":[{"type":"bold"}]},{"type":"text","text":" Template has a new price. Check it out "}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/kiw4U3Ya2Uwe8r1lqwsWr02WxBNPf6DpigWjUW5Eawpk.m3u8","metadata":{"posterUrl":"https://image.mux.com/kiw4U3Ya2Uwe8r1lqwsWr02WxBNPf6DpigWjUW5Eawpk/thumbnail.webp?time=1.167","aspectRatio":"634:475","duration":6.083333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T08:52:50.859Z","updatedAt":"2026-07-16T08:52:50.859Z","repostedBy":{"creator":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c"},"repostId":"01a0241e-30c9-75ac-b5d6-ba716d3659dc","repostedAt":"2026-08-21T11:39:13.482Z"}},{"id":"01a018f3-a8dd-7538-b654-b9070adf713c","title":null,"body":"

New component release:

Static screenshots of social posts date the moment the UI changes. This card renders the post live, with your video playing inside it.

Three sources: upload an mp4, point at a direct video URL, or paste a YouTube or Vimeo link. Embeds are cover-fitted by hand, so a 16:9 video fills a 4:5 post frame without letterboxing. Focus Y controls the crop.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component release:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Static screenshots of social posts date the moment the UI changes. This card renders the post live, with your video playing inside it.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Three sources: upload an mp4, point at a direct video URL, or paste a YouTube or Vimeo link. Embeds are cover-fitted by hand, so a 16:9 video fills a 4:5 post frame without letterboxing. Focus Y controls the crop.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/JR901nLMxsOnhtI02HUh1EpK1u2KzlrVeGFAOitZeKk8Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/JR901nLMxsOnhtI02HUh1EpK1u2KzlrVeGFAOitZeKk8Y/thumbnail.webp?time=4.917","aspectRatio":"26:15","duration":6.083333}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T07:36:56.801Z","updatedAt":"2026-08-19T07:36:56.801Z"},{"id":"01a015b9-2b3a-7208-91ad-2bbda69a8ff1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6qwoW3IsjA5EpWNKMrUQ","resolved":true,"title":"Instagram Video Card","body":"

Static screenshots of social posts date the moment the UI changes. This card renders the post live, with your video playing inside it.

Every part of the post is a property control. Username, verified badge, subtitle, timestamp, avatar, caption with the truncated "... more", like count, comment count, and two comment rows. Light and dark themes. Corner radius and shadow are yours.

Icons are inline SVG paths. No image assets, no external requests, no CMS required. Autoplay is disabled on canvas so your editor stays quiet.

Drop it into a hero, a testimonial section, or a case study and the post keeps playing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Static screenshots of social posts date the moment the UI changes. This card renders the post live, with your video playing inside it."}]},{"type":"paragraph","content":[{"type":"text","text":"Three sources: upload an mp4, point at a direct video URL, or paste a YouTube or Vimeo link. Embeds are cover-fitted by hand, so a 16:9 video fills a 4:5 post frame without letterboxing. Focus Y controls the crop."}]},{"type":"paragraph","content":[{"type":"text","text":"Every part of the post is a property control. Username, verified badge, subtitle, timestamp, avatar, caption with the truncated \"... more\", like count, comment count, and two comment rows. Light and dark themes. Corner radius and shadow are yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Icons are inline SVG paths. No image assets, no external requests, no CMS required. Autoplay is disabled on canvas so your editor stays quiet."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into a hero, a testimonial section, or a case study and the post keeps playing."}]},{"type":"paragraph"}]},"introduction":"A mockup that plays real videos","slug":"instagram-video-card","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0c6-e9ad-73bb-90de-a6c10303b7e3.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-18T16:34:10.891Z","updatedAt":"2026-09-14T16:36:59.161Z","publishedAt":"2026-08-18T16:34:10.887Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/InstaBreakout-qlSAy5.js@TQ17xrUdAizVc8CVZnLO","previewUrl":"https://instagramcard.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"TQ17xrUdAizVc8CVZnLO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T16:34:11.898Z","updatedAt":"2026-08-18T16:34:11.898Z"},{"id":"01a015aa-d51c-737a-9cc7-315daa9fa0a0","title":null,"body":"

Built a pill nav that expands in place, four levels of submenus with a link picker on every row, flyouts on desktop that fold to an accordion on mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a pill nav that expands in place, four levels of submenus with a link picker on every row, flyouts on desktop that fold to an accordion on mobile."}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XyBgWJWxSMH5NcpstE4O","resolved":true,"title":"IslandMenu","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most Framer menus give you one level. The moment a client asks for Work → Websites → Marketing, you're rebuilding the whole thing with stacks, overlays and three variants you have to keep in sync."}]},{"type":"paragraph","content":[{"type":"text","text":"IslandMenu handles it in one component. A collapsed pill sits in your layout at 52px. Press it and it expands around its own anchor, so a centered menu grows symmetrically instead of shoving your logo sideways. The panel measures the live viewport every time it opens: it flips up when there's no room below, clamps to the screen edges, narrows itself on phones, and scrolls internally when the list runs past the fold."}]},{"type":"paragraph","content":[{"type":"text","text":"Submenus are built the way navigation actually works. Every item has a Label, its own Link, and a Submenu of more items with the same fields, four levels deep. Each row gets a real Framer link picker, so you point at pages in your project instead of typing paths. An item can be a destination and a way in at the same time: Work links to /work and still opens its branch."}]},{"type":"paragraph","content":[{"type":"text","text":"On desktop, submenus fly out beside their parent row and pick a side automatically when they'd run off screen. On phones they fold into an indented accordion. That switch is automatic, and you can force either one."}]},{"type":"paragraph","content":[{"type":"text","text":"Closing runs the opening sequence in reverse. Open branches unwind leaf first, rows stagger out, then the panel collapses back into the pill. Nothing blinks away."}]},{"type":"paragraph","content":[{"type":"text","text":"Two materials.","marks":[{"type":"bold"}]},{"type":"text","text":" Solid, with full control over surface, border, text, muted, hover fill and hover text. Or liquid glass: a tinted translucent body that blurs and saturates the page behind it, with a specular rim along the top edge. Glass sets its own text colors so it stays readable over photography."}]},{"type":"paragraph"}]},"introduction":"An expanding pill menu","slug":"islandmenu","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0a0e5-71ac-76cc-b857-330aeba23908.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-18T16:18:31.483Z","updatedAt":"2026-09-14T17:09:57.033Z","publishedAt":"2026-08-18T16:18:31.479Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/IslandMenu-mVvymQ.js@kbP2oS8g1ojLyqX1tmBE","previewUrl":"https://islandmenu.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"kbP2oS8g1ojLyqX1tmBE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T16:18:32.348Z","updatedAt":"2026-08-18T16:18:32.348Z"},{"id":"019f1916-2e40-75a7-8e7e-2c9649c3b8d1","title":null,"body":"

Introducing the pricing section for my new Framer Template ToolCall MCP

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing the pricing section for my new Framer Template ToolCall MCP"}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3qAQH00z3S5pmnKhC01bMXgIv00Sba6dINvbweBH65MLV00.m3u8","metadata":{"posterUrl":"https://image.mux.com/3qAQH00z3S5pmnKhC01bMXgIv00Sba6dINvbweBH65MLV00/thumbnail.webp?time=2.583","aspectRatio":"169:95","duration":14.625}}],"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":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-30T15:11:51.876Z","updatedAt":"2026-06-30T15:11:51.876Z","repostedBy":{"creator":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c"},"repostId":"01a014b0-7770-76f9-b44e-bc06860d56eb","repostedAt":"2026-08-18T11:45:04.369Z"}},{"id":"01a00f5a-8cb2-705c-adac-cf3d6a536d65","title":null,"body":"

Hot take: a login card should log people in.

Revolutionary, I know. My Framer template Webinarist now ships with a Register/Login card that does exactly that / accounts, sessions, gated content. Supabase, Firebase, or your own webhook. Backend solved, customisation solved. Free update for everyone who already owns Webinarist.

Demo below, link on my profile

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hot take: a login card should log people in. "}]},{"type":"paragraph","content":[{"type":"text","text":"Revolutionary, I know. My Framer template Webinarist now ships with a Register/Login card that does exactly that / accounts, sessions, gated content. Supabase, Firebase, or your own webhook. Backend solved, customisation solved. Free update for everyone who already owns Webinarist. "}]},{"type":"paragraph","content":[{"type":"text","text":"Demo below, link on my profile"}]},{"type":"paragraph"}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Framer-Expert","slug":"frankie-expert-pro","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/d8tnin2c","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/qyuAxgTi8AbJu28q6sVP5Ih02fZxb4rtWsWdTuvF7wfo.m3u8","metadata":{"posterUrl":"https://image.mux.com/qyuAxgTi8AbJu28q6sVP5Ih02fZxb4rtWsWdTuvF7wfo/thumbnail.webp?time=34.083","aspectRatio":"16:9","duration":39.791667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":3},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T10:53:07.636Z","updatedAt":"2026-08-17T10:53:07.636Z"},{"id":"01a004ae-1d70-754e-a45e-d416c0fcf5be","title":null,"body":"