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

Project Scroll turns a list of projects into a full-screen index. The images sit in one endless column. Scroll, drag or use the arrow keys, and the nearest project snaps to the centre of the screen.

The centred project shows in full colour while the others fade to grayscale. Its name is highlighted in a list that rotates with the scroll, and its category, services and number appear on the centre line. Corner marks frame the centred image and resize to fit each project.

What you can change

Projects: title, category, services, image, image ratio, size and link
Layout: image width, gap, corner radius and padding
Marker: corners, brackets or none, with colour, size, weight and inset
Style: font, text colour, background, grayscale and dimming
Behaviour: scroll capture, speed and smoothness

How it behaves

Loops forever in both directions
Click a name or an image to bring that project to the centre
Click the centred image to open its link
Adapts to desktop, tablet and phone widths on its own
Respects the reduced motion setting

How to use it

Place the component in a section that fills the screen (width 100%, height 100vh). Add your projects in the Projects control. If the page continues below the section, turn off Capture Scroll so visitors can keep scrolling the page.

Support and refunds

The component is free, so there is nothing to refund. Questions and bug reports: hello@framer-expert.com.

53:T427,

Full WordPress to Framer migration for SAF Group, a Canadian private credit manager. 22 pages rebuilt to match the original site and launched on safgroup.ca.

Migration: every page, the 40-person team and all news releases moved from WordPress into Framer and its CMS, with page titles, descriptions and image alt text carried over

Redirects: core pages and articles kept their exact URLs. Retired WordPress URLs (old bio, job and archive pages) were mapped from the old sitemaps and now redirect to the right new page

Custom components: 3D flip cards, a milestone timeline, tabs, an accordion, a stat carousel, a CMS news slider, site search, team cards that flip to a bio, form validation, a legal page with a scroll-spy index and a cookie consent banner

Responsiveness: an extra laptop breakpoint, portrait banner crops for phones, a mobile menu fix and an audit of every page at tablet and phone width, so nothing scrolls sideways

Also: team headshots rebuilt on one consistent background, and a speed pass on the team page

54:T464,

Ongoing Framer partner for Peec AI: I build new pages and keep the live site running as the team ships. Selected work:

Actions page: Figma to live, with a custom 3-tab component that switches between the Earned, Owned and Impact dashboards
Reports: PDF downloads that capture emails with no Zapier, a sticky section navigator, and new reports published from the CMS
Careers: a department filter on top of the live Ashby integration. New roles show up under the right tab automatically
Lead funnel: qualifies leads before handing out the demo calendar, with a video path for the rest (Bunny.net, custom component)
Pricing: fixed the locale detection so each visitor sees USD or EUR correctly, plus a skeleton loader so the wrong price never flashes
Changelog: one CMS item per release, and empty sections hide themselves. 15+ entries since Oct 2025
Blog: maintenance on cards, rich-text tables and breakpoints as the collection grew

Framer, custom React components and CMS, all built by one person.

55: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.

56: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.

57: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.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-2962fc65-063f-4330-beb8-c5119114c9d0-all:/unified/creator/2962fc65-063f-4330-beb8-c5119114c9d0/activity/":[{"data":[{"id":"01a1054f-9e3b-7780-b142-aa4366209716","type":"creator.followed","target":{"type":"creator","id":"a1e0c773-d1ab-4dc1-86de-645157218a97","preview":"BuiltByKern","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-04T05:07:46.356Z","latestAt":"2026-10-04T05:07:46.356Z"},{"id":"01a10286-3441-7076-bf2e-ab830549e22a","type":"creator.followed","target":{"type":"creator","id":"3686a0b8-f5d2-47a7-9636-4f5b60f54e15","preview":"RevuKit Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3686a0b8-f5d2-47a7-9636-4f5b60f54e15/lh40jmj3","slug":"revukit-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-03T16:08:32.035Z","latestAt":"2026-10-03T16:08:32.035Z"},{"id":"01a10032-9c59-709e-b3df-339bfd730b9c","type":"creator.followed","target":{"type":"creator","id":"7adbc810-fb6d-488b-86fe-e018224298a7","preview":"justyna","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-03T05:17:59.224Z","latestAt":"2026-10-03T05:17:59.224Z"},{"id":"01a0fcac-73b1-73b9-8d23-fce8cf826325","type":"component.created","target":{"type":"component","id":"0ZCpsECd2IebEEknqlOx","preview":"Project Scroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fcac-32a3-71ca-9ef8-c6694d9bd7fb.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"component","visibility":"public","startedAt":"2026-10-02T12:52:35.377Z","latestAt":"2026-10-02T12:52:35.377Z"},{"id":"01a0fb39-6db8-7679-9ce8-50cb9f76cc9a","type":"comment.reply","target":{"type":"post","id":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","preview":"SAF Group","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd58-2d3d-7637-a0d9-bdf1b3fe691c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0fb39-6d78-705d-82bd-5229c8837885","preview":"The redirects were set up at launch because Framer only allows redirects to be added when a plan is connected to the project. My customer had decided to purchase the Pro plan at the time of launch.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The redirects were set up at launch because Framer only allows redirects to be added when a plan is connected to the project. My customer had decided to purchase the Pro plan at the time of launch."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0f122-c617-776c-8861-dec6148bfa74"},"repost":null}},"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-02T06:07:19.992Z","latestAt":"2026-10-02T06:07:19.992Z"},{"id":"01a0fb37-a2cb-7329-a6a1-97d0c6e08a0b","type":"comment.liked","target":{"type":"comment","id":"01a0f122-c617-776c-8861-dec6148bfa74","preview":"WordPress to Framer for a private credit site in three weeks is aggressive on the CMS rebuild. Were redirects and the old URL structure part of that window, or did those land after launch?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WordPress to Framer for a private credit site in three weeks is aggressive on the CMS rebuild. Were redirects and the old URL structure part of that window, or did those land after launch?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f122-c617-776c-8861-dec6148bfa74"},"repost":null}},"context":{"type":"post","id":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","preview":"SAF Group","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd58-2d3d-7637-a0d9-bdf1b3fe691c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-02T06:05:22.501Z","latestAt":"2026-10-02T06:05:22.501Z"},{"id":"01a0f7ff-ed93-707b-9257-013677d190ef","type":"post.liked","target":{"type":"post","id":"01a0f724-83be-74b9-8e61-1f95558e8c16","preview":"day 6/100 of design engineering things in @Framer \nShould I start messaging online blind stores to see if they want to use it? It's honestly so cool.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"day 6/100 of design engineering things in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Should I start messaging online blind stores to see if they want to use it? It's honestly so cool."}]}]},"thumbnail":"https://image.mux.com/5QjiFSrmwJBHpqxIvkEj302MnGOrHG01ydze7dbCR39MI/thumbnail.webp?time=1.3","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f724-83be-74b9-8e61-1f95558e8c16","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-10-01T15:05:39.983Z","latestAt":"2026-10-01T15:05:39.983Z"},{"id":"01a0f0d4-cf87-7070-a067-e5eeae3188b1","type":"site.created","target":{"type":"site","id":"17740","preview":"SAF Group","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd58-2d3d-7637-a0d9-bdf1b3fe691c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"site","visibility":"public","startedAt":"2026-09-30T05:41:13.735Z","latestAt":"2026-09-30T05:41:13.735Z"},{"id":"01a0e76e-6a45-725e-9987-0c687819cb8c","type":"creator.followed","target":{"type":"creator","id":"8ad17b48-4db5-4a81-940f-74fa32a13c18","preview":"Nimesh Bhuva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8ad17b48-4db5-4a81-940f-74fa32a13c18/z125fco9","slug":"nimesh-bhuva","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-28T09:52:48.190Z","latestAt":"2026-09-28T09:52:48.190Z"},{"id":"01a0cd6f-2277-709a-ab99-bd06b0b3ef2c","type":"creator.followed","target":{"type":"creator","id":"13538a02-79f2-48b8-b8c3-7e175dfdf1c8","preview":"Spark Studio0","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/13538a02-79f2-48b8-b8c3-7e175dfdf1c8/8z4jwal8","slug":"sparkstudio0","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-23T08:43:27.727Z","latestAt":"2026-09-23T08:43:27.727Z"},{"id":"01a0c90c-2f54-753a-83dc-f4aeb63bc373","type":"creator.followed","target":{"type":"creator","id":"bf8a4431-e27b-4089-b7f8-0d83045c8d2d","preview":"NUWEBU","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bf8a4431-e27b-4089-b7f8-0d83045c8d2d/4rprzoif","slug":"nuwebu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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-22T12:16:54.082Z","latestAt":"2026-09-22T12:16:54.082Z"},{"id":"01a0c38f-9e69-768a-8d1f-d997b5a3da30","type":"site.created","target":{"type":"site","id":"17643","preview":"Peec AI Website","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd5f-6a10-73c6-883a-35b569126937.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"site","visibility":"public","startedAt":"2026-09-21T10:42:44.457Z","latestAt":"2026-09-21T10:42:44.457Z"},{"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":"Francisc Toth","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":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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"}],"pagination":{"next":"MjAyNi0wOS0xNFQxODozNTowMi4xNjlafDAxYTBhMTMzLTgwYWQtNzUyMi1hYzgyLTBhODZjOTI3NzZiYg","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":"01a0fd2a-1e47-75b4-99c4-d05254511e72","title":null,"body":"

Project Scroll is live on the Marketplace, and it's free.

It turns a list of projects into a full-screen index. Scroll, drag or use the arrow keys, and the nearest project snaps to the centre in full colour while the rest fade to grayscale.

It loops in both directions, works on tablet and phone, and everything is editable through property controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Scroll is live on the Marketplace, and it's free."}]},{"type":"paragraph","content":[{"type":"text","text":"It turns a list of projects into a full-screen index. Scroll, drag or use the arrow keys, and the nearest project snaps to the centre in full colour while the rest fade to grayscale."}]},{"type":"paragraph","content":[{"type":"text","text":"It loops in both directions, works on tablet and phone, and everything is editable through property controls."}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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/D1YbzLdVVw2600Uq6W0086f9JTNkFLLecK02GXxgnzckc00.m3u8","metadata":{"posterUrl":"https://image.mux.com/D1YbzLdVVw2600Uq6W0086f9JTNkFLLecK02GXxgnzckc00/thumbnail.webp?time=3.083","aspectRatio":"16:9","duration":11.958333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T15:09:51.050Z","updatedAt":"2026-10-02T15:09:51.050Z"},{"id":"01a0fcac-7177-72f0-b123-eaa12fe1d092","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"0ZCpsECd2IebEEknqlOx","resolved":true,"title":"Project Scroll","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Scroll turns a list of projects into a full-screen index. The images sit in one endless column. Scroll, drag or use the arrow keys, and the nearest project snaps to the centre of the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"The centred project shows in full colour while the others fade to grayscale. Its name is highlighted in a list that rotates with the scroll, and its category, services and number appear on the centre line. Corner marks frame the centred image and resize to fit each project."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can change","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects: title, category, services, image, image ratio, size and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout: image width, gap, corner radius and padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marker: corners, brackets or none, with colour, size, weight and inset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style: font, text colour, background, grayscale and dimming"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Behaviour: scroll capture, speed and smoothness"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How it behaves","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loops forever in both directions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click a name or an image to bring that project to the centre"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click the centred image to open its link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adapts to desktop, tablet and phone widths on its own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the reduced motion setting"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Place the component in a section that fills the screen (width 100%, height 100vh). Add your projects in the Projects control. If the page continues below the section, turn off Capture Scroll so visitors can keep scrolling the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Support and refunds","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The component is free, so there is nothing to refund. Questions and bug reports: "},{"type":"text","text":"hello@framer-expert.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@framer-expert.com","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Infinite snapping project index","slug":"project-scroll","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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/01a0fcac-32a3-71ca-9ef8-c6694d9bd7fb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T12:52:34.219Z","updatedAt":"2026-10-02T12:52:34.219Z","publishedAt":"2026-10-02T12:52:34.216Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/ProjectScroll-whQMrR.js@wTCcOYVaYhykCNQtUGvo","previewUrl":"https://important-checklist-937528.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"wTCcOYVaYhykCNQtUGvo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T12:52:34.807Z","updatedAt":"2026-10-02T12:52:34.807Z"},{"id":"01a0f0d4-cd3f-77dd-a457-769825ec1cf6","title":null,"body":"

Just shipped safgroup.ca 🎉

Full WordPress to Framer migration for a Canadian private credit firm. Flip cards, timeline, CMS rebuild, all custom built. All in 3 weeks.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":" Just shipped "},{"type":"text","text":"safgroup.ca","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://safgroup.ca","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Full WordPress to Framer migration for a Canadian private credit firm. Flip cards, timeline, CMS rebuild, all custom built. All in 3 weeks. "}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"17740","resolved":true,"title":"SAF Group","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Full WordPress to Framer migration for SAF Group, a Canadian private credit manager. 22 pages rebuilt to match the original site and launched on safgroup.ca."}]},{"type":"paragraph","content":[{"type":"text","text":"Migration: every page, the 40-person team and all news releases moved from WordPress into Framer and its CMS, with page titles, descriptions and image alt text carried over"}]},{"type":"paragraph","content":[{"type":"text","text":"Redirects: core pages and articles kept their exact URLs. Retired WordPress URLs (old bio, job and archive pages) were mapped from the old sitemaps and now redirect to the right new page"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom components: 3D flip cards, a milestone timeline, tabs, an accordion, a stat carousel, a CMS news slider, site search, team cards that flip to a bio, form validation, a legal page with a scroll-spy index and a cookie consent banner"}]},{"type":"paragraph","content":[{"type":"text","text":"Responsiveness: an extra laptop breakpoint, portrait banner crops for phones, a mobile menu fix and an audit of every page at tablet and phone width, so nothing scrolls sideways"}]},{"type":"paragraph","content":[{"type":"text","text":"Also: team headshots rebuilt on one consistent background, and a speed pass on the team page"}]}]},"introduction":"","slug":"saf-group","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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/01a0fd58-2d3d-7637-a0d9-bdf1b3fe691c.jpg","metadata":{"tint":{"h":228,"s":63,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd59-29de-753b-b1ca-b51370ddc8db.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd59-29ee-74cf-8517-7ca8ab95adaa.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/01a0fd59-2a38-73a7-9531-ffb7d5e3981a.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd59-29f6-71a9-9c2b-eacb73f8794a.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-30T05:41:12.501Z","updatedAt":"2026-10-02T16:01:28.914Z","publishedAt":"2026-09-30T05:41:12.494Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://safgroup.ca/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-30T06:02:51.275Z","createdAt":"2026-09-30T05:41:13.151Z","updatedAt":"2026-09-30T06:02:51.275Z"},{"id":"01a0c38f-9c44-7035-b347-7130b0ea4bcc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"17643","resolved":true,"title":"Peec AI Website","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ongoing Framer partner for Peec AI: I build new pages and keep the live site running as the team ships. Selected work:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Actions page: Figma to live, with a custom 3-tab component that switches between the Earned, Owned and Impact dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reports: PDF downloads that capture emails with no Zapier, a sticky section navigator, and new reports published from the CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Careers: a department filter on top of the live Ashby integration. New roles show up under the right tab automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lead funnel: qualifies leads before handing out the demo calendar, with a video path for the rest (Bunny.net, custom component)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing: fixed the locale detection so each visitor sees USD or EUR correctly, plus a skeleton loader so the wrong price never flashes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Changelog: one CMS item per release, and empty sections hide themselves. 15+ entries since Oct 2025"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog: maintenance on cards, rich-text tables and breakpoints as the collection grew"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Framer, custom React components and CMS, all built by one person."}]}]},"introduction":"","slug":"peec-ai-website","author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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/01a0fd5f-6a10-73c6-883a-35b569126937.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd5f-cb4a-7369-98b6-739da35983ad.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd5f-cad4-74b1-9573-4d171e292905.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2962fc65-063f-4330-beb8-c5119114c9d0/01a0fd5f-cadf-755d-b01a-e017329c3513.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/01a0fd5f-cb30-745d-925f-020a75b1e9eb.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T10:42:43.304Z","updatedAt":"2026-10-02T16:08:42.468Z","publishedAt":"2026-09-21T10:42:43.302Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.peec.ai/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T10:42:43.908Z","updatedAt":"2026-09-21T10:42:43.908Z"},{"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":"Francisc Toth","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":3,"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":"Francisc Toth","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":8,"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":"Francisc Toth","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":"Francisc Toth","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":5,"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":"Francisc Toth","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":"$55","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":"Francisc Toth","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://re.chujiqiqi.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":6,"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":"Francisc Toth","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":4,"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":"Francisc Toth","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":4,"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":"

Webinarist is now free on the Framer Marketplace. Go build something loud with it 🔥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Webinarist is now free on the Framer Marketplace. Go build something loud with it "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"$56","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":"Francisc Toth","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-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-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-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-24T11:16:33.499Z","publishedAt":"2026-09-03T16:35:01.954Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/f7dMzcB","remixUrl":"https://framer.link/f7dMzcB","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"},{"id":218,"name":"Free","slug":"free-website-templates"}],"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":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-21T11:10:24.959Z","createdAt":"2026-09-03T16:35:02.530Z","updatedAt":"2026-09-21T11:10:24.959Z"},{"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":"Francisc Toth","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":5,"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":"Francisc Toth","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":11,"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":"Francisc Toth","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":"Francisc Toth","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":9,"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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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":"Francisc Toth","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://re.chujiqiqi.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":6,"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":"

","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. Check it out here. It's for FREE too!","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"2962fc65-063f-4330-beb8-c5119114c9d0","name":"Francisc Toth","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":"$57","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":"Francisc Toth","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://re.chujiqiqi.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":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-01T15:08:28.047Z","createdAt":"2026-08-18T16:18:32.348Z","updatedAt":"2026-10-01T15:08:28.047Z"},{"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":"Francisc Toth","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":7,"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":"Francisc Toth","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":"Francisc Toth","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":16,"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":"