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:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.53:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.54:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.55:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.56:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.57:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.58:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.59:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.5a:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.5b:T6cb,September recap: three new components, and two emails that became updates the same day Hey everyone, solo creator here, shipping panel-driven code components since June. Quick September recap. The part I liked most this month wasn't a launch. It was two emails. An agency creative director bought my Google Sheets table and asked one thing: could a link typed into a sheet cell show up as a real link on the site? It could not. A few hours later it could: paste a URL, or [Label](url), into a cell and it renders as a link. They wrote back "Thanks!" the same afternoon. The next day, someone who hadn't bought anything yet asked whether Scorecard Quiz could hand its final result to their own form. Same day, it got a Save Results option: off by default, it keeps the finished score in the browser session and fires an event your own form or script can pick up. Nothing is sent anywhere unless you wire it. Neither change was on my roadmap. Both were the right call. Also updated: Quiz Funnel now has a "most picked category" result mode, for personality-style quizzes instead of score totals. New in September: - Scorecard Quiz: a self-assessment that scores every area, shows an overall score ring, and names the weakest area. - Benchmark Bars: your product vs. the alternatives, as bars that grow on scroll. One row is highlighted, the rest are the field. - Prompt Library: search, category chips, fill-in [variables], one-click copy. All single .tsx files, zero external libraries, everything from the properties panel. They're on my profile if you want a look. Question for the room: what's one section you keep rebuilding by hand on client sites because no component quite fits? I'm picking next month's build from the replies.5c:T86f,

Pricing cards and a plan comparison table in one section. Monthly/yearly toggle, feature tooltips, a sticky first column, and plan cards on mobile. No CMS.

WHAT IT IS

Two parts you can show together or on their own. On top, up to four plan cards with a monthly/yearly switch and a highlighted plan. Below, a comparison table that keeps feature names pinned while visitors scroll sideways, and turns into one card per plan when the section gets narrow.

WHAT YOU GET

— Monthly/yearly toggle with your own labels, a "Save 20%" chip and a default choice, or one price only

— Prices as plain text, so "$19", "€15" or "Contact sales" all work, plus an optional crossed-out price and a note under it

— A highlighted plan with an accent edge and a "Most popular" badge. Card heights match so buttons line up

— Feature lists on every card, with an info tooltip on any line (hover, tap or keyboard)

— Table rows as lines of text: "# Group" starts a section, "Feature | Starter | Pro | Business" adds a row

— yes, no and limited become a check, a cross and a Limited pill, with screen-reader text. Anything else shows as written

— A placeholder of your choice for blank cells, a sticky first column, and a highlighted featured column

— Below a width you set, the table becomes one card per plan (it follows the section's width, so it works in narrow columns too)

— Cards only, table only, or both. Light and dark themes, accent color, max width, anchor ID, footnote

WHAT IT DOES NOT DO

No checkout inside: every button is a plain link to your own signup or payment page, and nothing is collected or sent. Rows come from the properties panel, not a CMS collection.

BUILT FOR

SaaS sites, apps, agencies and course creators.

Zero external libraries, zero layout shift: switching monthly and yearly changes the prices, never the card sizes. Every plan and row is real text for search engines and screen readers.

Everything is set from the properties panel. No code.

5d:T7ad,

September recap: three new components, and two emails that became updates the same day

Hey everyone, solo creator here, shipping panel-driven code components

since June. Quick September recap.

The part I liked most this month wasn't a launch. It was two emails.

An agency creative director bought my Google Sheets table and asked one

thing: could a link typed into a sheet cell show up as a real link on the

site? It could not. A few hours later it could: paste a URL, or

[Label](url), into a cell and it renders as a link. They wrote back

"Thanks!" the same afternoon.

The next day, someone who hadn't bought anything yet asked whether

Scorecard Quiz could hand its final result to their own form. Same day,

it got a Save Results option: off by default, it keeps the finished score

in the browser session and fires an event your own form or script can

pick up. Nothing is sent anywhere unless you wire it.

Neither change was on my roadmap. Both were the right call.

Also updated: Quiz Funnel now has a "most picked category" result mode,

for personality-style quizzes instead of score totals.

New in September:

- Scorecard Quiz: a self-assessment that scores every area, shows an

overall score ring, and names the weakest area.

- Benchmark Bars: your product vs. the alternatives, as bars that grow on

scroll. One row is highlighted, the rest are the field.

- Prompt Library: search, category chips, fill-in [variables], one-click

copy.

All single .tsx files, zero external libraries, everything from the

properties panel. They're on my profile if you want a look.

Question for the room: what's one section you keep rebuilding by hand on

client sites because no component quite fits? I'm picking next month's

build from the replies.

5e:T8ae,

Not a prompt box. A library your visitors can search, fill in, copy, and open — one section, no CMS, no backend.

WHAT IT IS

A grid of prompt cards with search and category chips. Every card copies in one click. Open a card and the [variables] become blanks: visitors type their own role, product, or topic, watch the prompt fill in live, then copy it or open it in ChatGPT, Claude, or your own app.

WHAT YOU GET

— Search across titles, prompts, categories, and notes, plus category chips built from your data

— [variable] blanks: one input per variable, a live preview, and copy with the blanks filled

— "Open in" links from a URL template: put {prompt} where the prompt goes. ChatGPT and Claude are defaults; add your own product

— Add prompts as a list in the panel, or paste them all as text (Title | Category, the prompt, then ---)

— Optional image per card for image-generation prompts, plus a note line and a badge

— Two or three columns, a Show more page size, monospace option, light and dark themes, one accent color

— The detail panel opens under the card's row. No modal, no overlay, and the row stays put

FOR AI PRODUCTS

Point "Open in" at your own app and every prompt becomes a way in: https://app.example.com/new?prompt={prompt}. Visitors pick a prompt on your landing page and land in your product with it filled in.

WHAT IT DOES NOT DO

It does not call any AI, collect emails, or store what visitors type. Inputs live on the page and are gone when the panel closes. Nothing is sent unless a visitor clicks Open in.

BUILT FOR

AI products and docs, AI educators and newsletters, consultants and agencies.

Zero external libraries, zero layout shift: buttons keep their width when the label flips, and every prompt stays on the page as real text.

Everything is configured from the properties panel. No CMS, no code.

Selling your prompts or templates? Storefront Grid turns the same grid into a shop page with prices, details and Buy links.

5f:T809,

SVG Chart draws your data. Benchmark Bars makes your case — the "N× faster" section dev-tool and AI landing pages hand-code, as one component that measures nothing and sends nothing.

WHAT IT IS

For each metric you type the rows — your product and two to five alternatives, one per line as Name | 42. The section draws horizontal bars, highlights your row, and works out the ratio against the strongest competitor: 4.3× faster, 4.1× smaller, 2.2× more throughput. Lower- and higher-is-better metrics sit side by side, each with its own hint.

WHAT YOU GET

— Horizontal bars per metric, your row in the accent color, the others in a quiet gray

— A ratio badge computed from your numbers, with your own word: faster, smaller, cheaper. It hides when your row is behind or the gap is under 1.1×

— Units before or after the value ($0.12, 42 ms, 94.2%), thousands separators kept exactly as you typed them

— A footnote per metric plus a source line and link for the section — a benchmark without its setup is just a claim

— List or two-column layout, light and dark themes, one accent color, adjustable max width

— Bars grow and numbers count up once on scroll into view; reduced-motion visitors see the final state at once

WHAT IT DOES NOT DO

It does not run benchmarks, load a chart library, or talk to a backend. The numbers are yours — measure them, type them, and say where they came from. Fictional placeholder names ship as defaults, so nothing on your page names a competitor until you do.

BUILT FOR

Developer tools, APIs, AI products, and any SaaS page with real numbers to show against the alternatives.

Zero external libraries, zero layout shift: bar widths are final from the first paint and only the fill animates, value cells reserve their width, and every row is labeled for screen readers ("Ours: 42 ms, 4.3× faster than Alternative A").

Everything is configured from the properties panel. No CMS, no code.

60:T86f,

Quiz Funnel routes each visitor to one result. Scorecard Quiz scores every area and names the weakest one — the self-assessment coaches, consultants, and agencies usually rent from a monthly SaaS, as one component that sends nothing anywhere.

WHAT IT IS

Visitors rate short statements one at a time on a scale you choose: Agree 1 to 5, Yes / Sometimes / No, or 1 to 10. Areas and statements live in the properties panel — one area per item, one statement per line. Start a line with ! to reverse-score it.

WHAT THE RESULTS SCREEN SHOWS

— An overall score ring out of 100 with a count-up, and a grade band (label, description, CTA) matched to it

— A score for every area as bars, or a radar chart for 3 to 6 areas

— The lowest area called out with the advice you wrote for it

— A CTA per band, Retake, and a Copy summary button for the visitor's clipboard

HOW IT SCORES

Each area scores 0 to 100 from its own statements. The overall score is the average of the areas, so every area weighs the same. Bands are minimum thresholds — add as many as you need.

NEW: SAVE RESULTS (OPTIONAL)

Turn it on and the finished result (score, band, weakest area, area scores, every answer) is saved as JSON in the visitor's sessionStorage under a key you choose, and a scorecardquiz:complete event fires. Your form, override or code picks it up. Retake clears it. Off by default.

WHAT IT DOES NOT DO

No email gate, no webhook, no backend. Results are computed in the browser and nothing is sent anywhere.

WHAT YOU GET

— 12 ready-made statements in 4 areas (a website health check)

— Auto-advance on click or a Next button; arrow keys to pick, Enter to confirm

— Back, a progress bar and step counter, an intro screen you can hide

— Zero layout shift between statements

— Light and dark themes, one accent color, adjustable max width

— Accessible: real radio groups, labeled scores, an announced Copy state

— Zero external libraries. Pure React and CSS.

Set up in the properties panel. No CMS, no code.

61:T7fb,

Every course, coaching, and workshop sales page needs the same block: what's included, each item priced on its own, then bundled into one number against today's price. There is no dedicated component for it — sellers rebuild it inside a generic pricing card, or skip the itemization and show one price.

This is that block as one component.

WHAT IT IS

A two-column section: an itemized list on the left, a pricing summary card on the right. Each item is a title, an optional description, a value typed as a plain number, and an optional badge (Bonus or New). Add as many items as needed from the properties panel — no CMS, no external data.

WHAT THE SUMMARY CARD SHOWS

— Total value, summed from every item and animated with a one-time count-up on scroll

— Today's price next to the total, struck through, with amount and percent saved calculated for you

— A CTA button and a guarantee line ("14-day money-back guarantee" by default)

— Bonus and New badges as opaque tinted pills that hold up on any background

WHAT IT DOES NOT DO

No countdown timer, no live inventory count. The total is plain addition of the numbers you type — no currency parsing, no Date object, nothing that ticks or can break on the canvas. Set the offer price above the total and the strikethrough and savings badge disable themselves automatically.

WHAT YOU GET

— A scroll-triggered count-up that reserves its final width — nothing shifts mid-animation

— Amount and percent saved, calculated from the two numbers you enter, in any currency prefix or suffix you type

— Hide the value column with one switch to run it as a plain checklist

— Light and dark themes, one accent color, adjustable max width

— Accessible: real list markup, a screen-reader total, badges that carry their own text

— Zero external libraries. Pure React and CSS.

Everything is configured from the properties panel. No CMS, no code.

62:T701,

Hey everyone — solo creator here, shipping panel-driven code components

since June. Quick August recap.

Made free: Mini Poll, the three-step lead-capture poll. It's free for

everyone now.

The template: I tutor math for a living, and every "education" template I

found was built by someone who had never run a class. So I built Mathlift

— the site I'd actually want: results, a weekly schedule, programs,

pricing, real legal pages, a contact form that sends. It's my first paid

template.

The interesting part was what happened next. Three blocks inside it turned

out to be things every course, coaching, or tutoring page needs, so I

pulled them out as standalone components:

- Course Curriculum — the "what you'll learn" accordion. One lesson per

line in the panel ("Title | 12:30 | free"), and module numbers, lesson

counts, total hours, and badges compute themselves. No CMS collections.

- Weekly Timetable — a day × time grid with open / full / no-class states.

A timetable, not a booking widget: most sites only need to show the week.

- Before After Counter — two numbers, not one. Before, after, and the gain

counting up on scroll. Works for scores, revenue, load time.

Also new: Status Page — a whole /status page in one drop, the sibling of

the Trust Center I shared last month.

All pure React + CSS, zero external libraries, zero layout shift,

everything from the properties panel. The paid ones are on my profile if

you want a look.

Question for the room: if you build for coaches, courses, or schools —

what's the block you still end up hand-building every time?

63:T7f2,

Every course page has the same block: what you'll learn, module by module,

lesson by lesson. And in Framer that block usually means a CMS collection,

a second collection for lessons, a reference field between them, and a

template you assemble by hand before you can type a single title.

This is that block as one component.

WHAT IT IS

A curriculum accordion. Each module has a title, an optional one-line

description, and its lessons. You type the lessons as plain lines in the

properties panel — one lesson per line, like this:

Setting up your workspace | 12:30 | free

Title, duration, and an optional badge word. That is the whole format.

WHAT COMPUTES ITSELF

— Module numbers (01, 02, 03…)

— Lessons per module and minutes per module

— The summary strip: "4 modules · 16 lessons · 3h 53m total"

— Badges from a single word: free (Free preview, green), locked, or new

— A free lesson with a URL becomes a link to the preview

Delete a lesson, add a module, change a duration — every count updates.

Nothing to recalculate, nothing to keep in sync.

WHAT YOU GET

— Multi-open accordion with Expand all / Collapse all. Default open state:

first module, all, or none.

— Durations accept 12:30, 1:05:20, 45m, 1h 5m, or a plain number of

minutes — and display exactly what you typed.

— A CTA button at the bottom for your enrollment link. Empty URL, no button.

— Light and dark themes, one accent color, adjustable max width.

— Full-bleed section background with built-in vertical spacing, so it sits

between your existing sections without a wrapper.

— Accessible: real buttons with aria-expanded, labelled regions, and badge

text that never relies on color alone.

— Zero external libraries, zero layout shift. Pure React and CSS.

Everything is configured from the properties panel. No CMS, no code.

64:T7d4,

Reach for a schedule section and you end up embedding a booking tool — a

calendar app, an account, a subscription, and a flow your visitors have to

start before they can see anything.

Most sites do not need that. They need to show the week.

WHAT IT IS

A day-by-time timetable. Every slot has a title, a status, and an optional

note — "1 seat left", "Group of 6", "Resumes next term". Three statuses come

styled: open, full, and no class.

You type the slots as one flat list in the properties panel. Rows build

themselves from the times you enter, in the order they first appear. No

nesting, no dragging, no CMS collection to set up.

AN HONEST NOTE

This is a display component. It does not take bookings, hold seats, sync a

calendar, or talk to a server. If you need a visitor to reserve a spot, you

still want a booking tool — put this above it. What you get instead is

something you can update in ten seconds from the panel, that costs nothing

per month, and that cannot break because a third-party service changed.

WHAT YOU GET

— Mon-Fri, Mon-Sat, or Mon-Sun. Hidden days leave no empty rows behind.

— Rename the three statuses to your own words: Open / Full / No class, or

Available / Booked / Closed, or anything else.

— Collapses to per-day cards below 620px of its OWN measured width, not the

browser window — so it still behaves correctly inside a narrow column.

— Optional legend and footnote for timezones or update cadence.

— Light and dark, an accent color, and a transparent section background so it

drops onto your existing page.

— Every cell carries an aria-label with the day, time, title, and status.

— Zero external libraries, zero layout shift. Pure React and CSS.

Everything is configured from the properties panel. No code, no booking

backend, no CMS.

65:T639,

Most counter components animate one number. This one animates the change.

Each card shows where a number started, where it ended, and the gain between

them — all three counting up together when the section scrolls into view.

That is the shape of a proof block: not "1,480 students" but "1,280 → 1,480."

WHY THE GAIN CHIP STAYS GREEN

A gain is not always a bigger number. Weight, cost, churn, load time, support

tickets — in half the categories that matter, going down is the win. The chip

flips its arrow and keeps the green either way, so the same section works for

a tutor showing score lifts and an agency showing bounce rate cut in half.

WHAT YOU GET

— Two numbers per card. Type the before and the after; the gain is calculated

and animated for you.

— Counts up once, when the section scrolls into view. Static in the Framer

canvas, so your layout never jitters while you design.

— Any number of cards in a grid that reflows on its own.

— Per card: label, prefix, suffix, timeframe, and a note line — for units,

dates, or the source of the number.

— Light and dark themes, an accent color, and a section background that is

transparent by default so it drops onto your existing page.

— Section eyebrow, heading, subheading, and a footnote for disclaimers.

— Zero external libraries, zero layout shift. Pure React and CSS.

Everything is configured from the properties panel. No code, no chart

library, no CMS.

66:T6d7,

Every tutoring template is a generic education site with the subject swapped

in. Mathlift was built the other way around — by a math tutor who still

teaches every session, starting from what actually makes a family enroll:

proof and logistics.

TWO COMPONENTS YOU WON'T FIND IN A GENERIC TEMPLATE

Score Lift Card — an animated before → after score section. Section scores,

weeks elapsed, and the gain, counting up as the visitor scrolls. It is the

single strongest asset a tutor has, and it is built in.

Weekly Schedule Grid — a real availability timetable with open / full /

no-class states and seats-left flags, all managed from the properties panel.

No CMS, no spreadsheet, no embed.

WHAT'S INSIDE

— 11 pages: Home, Programs (SAT / AP Calculus / IB / School Math), Results,

About, Pricing, Contact, FAQ, plus Terms, Privacy, Refunds, and a styled 404

— More working code components: animated stat counters, testimonial marquee,

four-tier pricing grid, lead-gen poll, social-proof toast, FAQ accordion

— Real tutoring copy on every page — a diagnostic-first sales flow, honest

FAQ answers, realistic pricing. Not lorem ipsum with math words.

— Native Framer contact form. No external services, no CMS, nothing to wire

up after you duplicate.

— Desktop, tablet, and phone breakpoints. Every link and every page

connected.

— SEO basics already done: a unique title and description on all 11 pages,

one H1 per page, zero dead links.

Swap the name, the numbers, and the schedule. The structure, the copy, and

the components already know how a tutoring business sells.

67:T607,

Status pages are how SaaS products say "you can rely on us" — and today they usually mean a separate monitoring subscription or a hand-built page you forget to update. On the Framer marketplace there are status dots and gauges, but no actual /status page section.

Status Page is that whole page in one drop. Three blocks in a single code component, each with its own toggle — an overall status banner, a services list, and an incident history accordion.

What you get:

— An overall status banner with five semantic states — operational, degraded, partial outage, major outage, maintenance — that recolor the banner, dots, and chips from one dropdown

— A services list with per-service status, notes, and a 90-day uptime bar drawn deterministically from a single percentage — no data feed, no API keys

— A single-open incident history accordion with resolved/monitoring/investigating chips

— Light and dark themes with WCAG-checked semantic colors; one accent color for your brand

— Zero external libraries, zero layout shift, no CMS — pure React and CSS

An honest note: this is a panel-managed status page, not a monitoring service. You update the status from the properties panel — which is exactly why it needs no subscriptions, no webhooks, and no setup. For most marketing sites, that is the whole job.

Built for B2B SaaS teams and agencies shipping client sites. Pair it with Trust Center — the /security page — for a complete trust family.

68:T4fb,

Hey everyone — solo creator here, shipping panel-driven code components

since June.

A quick July recap, in case any of these help your projects:

Made free this week: Activity Toast, the rotating social-proof popup.

It was one of my most-installed components, so it's now free for everyone.

New in July:

- Trust Center — while researching the marketplace I realized there was no

component for the /security page every B2B SaaS ships (compliance badges,

security features, a trust FAQ). So I built one: three blocks in a single

drop, each with its own toggle.

- Docs Kit — a whole docs page (sidebar nav, body, scroll-synced TOC,

search) written from two textareas. No CMS collection to set up.

- Announcement Bell — a navbar what's-new bell with a popover changelog.

One-time purchase, no monthly fee.

All of them are pure React + CSS — zero external libraries, zero layout

shift, everything configured from the properties panel. The paid ones are

on my profile if you want a look.

Curious to hear from you all: what section or widget do you keep

rebuilding by hand on client sites? That's usually where my next

component comes from.

69:T5c5,

Enterprise buyers read your security page before they book a call. Yet on the Framer marketplace you'll find password gates, captchas, and cookie banners — not the section that closes B2B deals: compliance badges, security practices, straight answers.

Trust Center is that whole page in one drop. Three blocks in a single code component, each with its own toggle — run it as a full /security page, or keep just a compliance badge strip under your hero.

What you get:

— Compliance badge cards with five built-in shield-style glyphs and a per-badge image slot for your company's real badge artwork

— A security feature grid (2 or 3 columns) with 12 inline icons and realistic enterprise defaults — encryption, SSO & SAML, role-based access, backups, uptime, pen testing

— A single-open trust FAQ with smooth expand animation and full keyboard/ARIA support

— Light and dark themes plus one accent color; opaque cards that hold up on any background

— Zero external libraries, zero layout shift, no CMS, no API keys — pure React and CSS

A note on defaults: badge labels like SOC 2 Type II and ISO 27001 ship as neutral placeholders with generic icons — no trademarked certification artwork is bundled. Relabel them to match your actual status in seconds.

Built for B2B SaaS teams and agencies shipping client sites. Need a standalone FAQ with Google schema? Pair it with SEO FAQ Accordion.

6a:T5b1,

Table-of-contents components are everywhere on the marketplace — but a whole docs page (sidebar nav, a real body, a scroll-synced TOC, and search) usually means a CMS collection, a page builder, or a $40+ stack of separate plugins wired together.

Docs Kit is that whole page in one drop: a 3-column layout — sidebar navigation, a markdown-lite body, and a scroll-synced table of contents — written entirely from two property-panel textareas. No CMS collection to set up, no separate TOC/sidebar/search plugins to wire together.

What you get:

— A markdown-lite body with five supported blocks — headings, paragraphs, code fences with a copy button, three callout styles (info/warn/tip), and bullet lists — parsed live from a single textarea

— A scroll-synced table of contents that highlights the current section as visitors scroll, built automatically from your headings

— An instant sidebar search across your nav items and headings, with a clean empty state

— Responsive by design: the TOC hides under 1024px, and the sidebar collapses into a mobile drawer under 768px

— Light/dark theme, single accent color, cross-fade transitions on every state change

Built for SaaS help centers, API references, and product documentation pages that need the real thing — sidebar, body, TOC, and search — without standing up a CMS collection or stitching together several separate plugins.

6b:T628,

Beamer, Headway, and similar "what's new" widgets start at $29/month just to show visitors a changelog popover. For a small SaaS or indie product, that's a recurring bill for something that's really just a bell icon and a panel.

Announcement Bell is a one-time, panel-driven navbar bell — unread badge, a click-open popover of recent updates, and localStorage-based read tracking — with zero external service and zero monthly fee.

What you get:

— A compact bell button (default 40px) sized to sit right in your navbar, with a dot or count unread badge in a fixed-height slot — Zero Layout Shift whether it's showing or not

— A click-open popover panel listing your announcements — title, description, date, and an optional tag ("New", "Fix", "Improved") per item, with an optional link

— Read tracking stored only in the visitor's own browser (localStorage) — nothing is ever sent to an external endpoint, no webhook, no analytics call. This is a hard privacy guarantee, not just a missing feature

— Left/right panel placement so it never runs off the edge of your navbar

— A canvas-only "open" preview toggle so you can design around it without clicking

— Light/dark theme, single accent color, cross-fade opacity+scale transitions

Built for SaaS and product marketing sites that want a real changelog bell in the navbar — without signing up for another monthly subscription just to tell visitors what shipped this week.

6c:T5b9,

Most startup careers pages are either a static list hard-coded into the page, or a full job-board template ($79–149) that's overkill for a team with five open roles. Neither lets a visitor filter to their own department, and neither updates without touching layout.

Careers Section is a lightweight, panel-driven careers block — department filter chips, a role list, and an auto-counted "open roles" badge — with no CMS collection and no job-board plugin to wire up.

What you get:

— Department filter chips auto-extracted from your roles, with an optional per-chip count — set once, no manual tab wiring

— An "N open roles" header badge that auto-counts your total roles, in a fixed-height slot so it never shifts layout when it's empty

— A clean role list: title, department, location, and employment type on one line, with a real "Apply →" link per role (opens in a new tab, ATS or email link compatible)

— A configurable empty state for when hiring pauses — with an optional "Send us your resume anyway" fallback link

— Light/dark theme, single accent color, cross-fade transitions on every filter and hover state

Built for startup and SaaS marketing sites that need a real, working careers section — filterable, panel-driven, updated from the property panel — without standing up a full job board or a CMS collection for five roles.

6d:T6c3,

Most /integrations pages on SaaS sites are either a static screenshot of logos or require wiring up a CMS collection just to make them searchable. Neither scales past a dozen tools, and neither lets a visitor actually find the one integration they came looking for.

Integrations Grid bundles everything a real integrations page needs — live search, auto-extracted category chips, and a responsive logo tile grid — into one lightweight, dependency-free component.

What you get:

— Real-time search across name and description, case-insensitive, with a clean empty state

— Category chips auto-extracted from your items — set once, no manual tab wiring, and chips auto-hide with only one category

— Responsive tile grid (auto-fit columns) with an initials-avatar fallback for any integration without a logo yet

— Optional badges ("Popular", "New") with a fixed-height slot — Zero Layout Shift whether they're set or not

— Every card is a real link, opens in a new tab by default — no dead "#" placeholders

— Light/dark theme, single accent color, cross-fade transitions on every state change

Built for SaaS marketing sites and no-code builders that want a real, working integrations page — search and filters included — without wiring up a CMS collection or hard-coding a static screenshot.

Sharing prompts instead of integrations? See Prompt Library — the same search-and-chips grid, with fill-in blanks, one-click copy, and Open in ChatGPT or Claude.

Selling digital products? See Storefront Grid — the same search-and-chips grid with prices, savings badges, a details panel and Buy links.

6e:T588,

Most SaaS landing pages live or die on the hero image, but a real product screenshot usually isn't ready in time — or it looks nothing like the rest of the page. Stock mockups feel generic, and building a custom dashboard graphic from scratch eats design time you don't have.

Dashboard Kit drops in as a complete, animated SaaS dashboard mockup — framed in a browser window with a URL bar, ready to sit in your hero the moment you drag it onto the canvas.

What you get:

— Five widgets in one component: KPI cards with count-up numbers, a line/bar chart, a donut plus two progress rings, a striped data table, and an optional activity feed

— Three ready-made presets — Analytics, Revenue, CRM — swap the entire dataset with one click

— Scroll-triggered animations: KPIs count up, the chart draws in, rings fill — all gated so nothing fires until it's in view

— Pure SVG and CSS, no Chart.js or external chart library

— Toggle any of the five widgets on or off, edit every value, switch light/dark, adjust the accent color

Note: presets swap the whole dataset at once — pick a preset first, then fine-tune individual fields on top of it rather than mixing edits across presets.

Built for SaaS landing pages, portfolio case studies, and pitch decks that need a living product screenshot without a real product to screenshot.

6f:T52a,

Most Framer data tables need either a live API connection or a plugin subscription just to show a sortable list. If your data is just sitting in a spreadsheet or a CSV export, that's a lot of setup for something that should take seconds.

Data Table Pro takes data three ways — paste raw CSV, point at a published Google Sheet, or fetch a JSON array — and turns it into a sortable, searchable, paginated table. No API key, no external library, no monthly plugin fee.

What you get:

— Three data sources: paste CSV directly, a published Google Sheet CSV URL, or a JSON array URL

— Hand-written CSV parser that handles quoted fields, escaped quotes, CRLF/LF line endings, and ragged rows

— Click-to-sort headers with automatic numeric detection (handles "$1,234" and "98%"), cycling asc → desc → none

— Global search across every cell, resets to page one automatically

— Pagination with a configurable page size, loading/error/empty states built in

— Horizontal-scroll-safe layout — never breaks your page width, even with wide tables

Built for SaaS dashboards, internal tools, and marketing sites that need to show real tabular data — pricing tiers, customer lists, comparison sheets — without wiring up a backend.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-3c3a050e-de48-4606-9543-56ae1f8cec24-all:/unified/creator/3c3a050e-de48-4606-9543-56ae1f8cec24/activity/":[{"data":[{"id":"01a110cf-05d3-70f9-9f1d-5791c7533d64","type":"component.created","target":{"type":"component","id":"nsoPcQVP4T5ps2TYSiIP","preview":"Plan Matrix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a110ce-256d-7026-a3ac-5bf5d3c59e2e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-06T10:42:45.331Z","latestAt":"2026-10-06T10:42:45.331Z"},{"id":"01a1101e-0822-7799-b908-4d262c5dd6e5","type":"comment.reply","target":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a1101e-0809-71db-8344-729dcbd2754e","preview":"Good question! A row where every cell is empty is skipped entirely. If only some cells are empty, the row stays and those cells just render blank, with no placeholder text. And if the whole sheet is empty, it shows a custom \"empty\" message instead of the table. A placeholder option like \"—\" for blank cells is a small add, so I'll take a look.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Good question! A row where every cell is empty is skipped entirely. If only some cells are empty, the row stays and those cells just render blank, with no placeholder text. And if the whole sheet is empty, it shows a custom \"empty\" message instead of the table. A placeholder option like \"—\" for blank cells is a small add, so I'll take a look."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a11004-dd8c-7120-83dc-7b58a61da577"},"repost":null}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T07:29:26.050Z","latestAt":"2026-10-06T07:29:26.050Z"},{"id":"01a1101d-ff81-762d-ac57-7876a7e0687b","type":"comment.liked","target":{"type":"comment","id":"01a11004-dd8c-7120-83dc-7b58a61da577","preview":"Pricing comparison tables with a monthly/annual toggle that pull from CMS. Every client has plans with different feature counts and the layout fights you every time. How does the Sheets table handle empty cells, collapse the row or render a placeholder?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing comparison tables with a monthly/annual toggle that pull from CMS. Every client has plans with different feature counts and the layout fights you every time. How does the Sheets table handle empty cells, collapse the row or render a placeholder?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11004-dd8c-7120-83dc-7b58a61da577"},"repost":null}},"context":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$53","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T07:29:23.837Z","latestAt":"2026-10-06T07:29:23.837Z"},{"id":"01a1101a-1b5f-744d-8d0a-50b6c3837362","type":"creator.followed","target":{"type":"creator","id":"d3fa6ca5-ada4-4ebe-a53c-23e469c66670","preview":"Adiz Saidov","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/d3fa6ca5-ada4-4ebe-a53c-23e469c66670/krO4ZrUPG","slug":"adiz-saidov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T07:25:08.826Z","latestAt":"2026-10-06T07:25:08.826Z"},{"id":"01a10b7d-200f-745b-a3e1-2489032af4ec","type":"comment.reply","target":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$54","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10b7d-1fec-7438-bf2a-f3932f2e88b5","preview":"@Asif Aleem This is gold, thank you. Area-first with aspect ratio as the refinement, a 0.8–1.2 clamp, and the override as a multiplier on top makes a lot of sense. I'll take a proper look at building it and will reply here if it ships.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"8a3c74b3-2623-4203-b165-fd6d81c9e134","slug":"asif-aleem","label":"Asif Aleem","mentionSuggestionChar":"@"}},{"type":"text","text":" This is gold, thank you. Area-first with aspect ratio as the refinement, a 0.8–1.2 clamp, and the override as a multiplier on top makes a lot of sense. I'll take a proper look at building it and will reply here if it ships."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a10afa-8fab-762c-b06e-4bb5123f2277"},"repost":null}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T09:55:12.015Z","latestAt":"2026-10-05T09:55:12.015Z"},{"id":"01a10b7d-11be-75c2-a26f-e55446cb00ea","type":"comment.liked","target":{"type":"comment","id":"01a10b27-95d1-7448-8248-087221f50e81","preview":"@Isaac Yi Yes, as a starting point I would trust it, with one tweak: normalize by area, not aspect ratio alone. Aspect ratio fixes the wide-wordmark vs square-icon width gap, which is most of the pain, but it misses visual weight. A thin wordmark and a heavy monogram can share an aspect ratio and still land with totally different presence, so I would compute the target size from bounding-box area and let aspect ratio refine it. Then clamp the auto scale to a range (say 0.8 to 1.2 of the row baseline) so nothing balloons, and the per-logo override is just a multiplier on top for the three or four that always fight you. That gets me to maybe 90% automatically, which is the first time the hand-tuning would actually feel optional.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","slug":"yi-isaac","label":"Isaac Yi","mentionSuggestionChar":"@"}},{"type":"text","text":" Yes, as a starting point I would trust it, with one tweak: normalize by area, not aspect ratio alone. Aspect ratio fixes the wide-wordmark vs square-icon width gap, which is most of the pain, but it misses visual weight. A thin wordmark and a heavy monogram can share an aspect ratio and still land with totally different presence, so I would compute the target size from bounding-box area and let aspect ratio refine it. Then clamp the auto scale to a range (say 0.8 to 1.2 of the row baseline) so nothing balloons, and the per-logo override is just a multiplier on top for the three or four that always fight you. That gets me to maybe 90% automatically, which is the first time the hand-tuning would actually feel optional."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10afa-8fab-762c-b06e-4bb5123f2277"},"repost":null}},"context":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$55","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T09:55:08.347Z","latestAt":"2026-10-05T09:55:08.347Z"},{"id":"01a10b0a-7cd9-73fb-89c8-12d85a53e801","type":"comment.reply","target":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$56","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10b0a-7cc8-70ef-8e53-6ea1879e20cc","preview":"This is such a good one, Asif. The \"same box, different visual weight\" problem is real and I haven't seen a component that actually solves it. Quick question: would you trust an automatic optical scale based on each logo's aspect ratio as a starting point, with a per-logo override for the stubborn ones?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is such a good one, Asif. The \"same box, different visual weight\" problem is real and I haven't seen a component that actually solves it. Quick question: would you trust an automatic optical scale based on each logo's aspect ratio as a starting point, with a per-logo override for the stubborn ones?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a10afa-8fab-762c-b06e-4bb5123f2277"},"repost":null}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T07:49:59.129Z","latestAt":"2026-10-05T07:49:59.129Z"},{"id":"01a10b0a-7450-7048-bb70-c6732bd632a1","type":"comment.liked","target":{"type":"comment","id":"01a10afa-8fab-762c-b06e-4bb5123f2277","preview":"Tables are clearly the winner here, so I will add a different one: the logo and trust wall. It looks trivial and it is the section I hand-tune every single time.\nThe reason no component fits is that client logos are never visually equal. They come in different aspect ratios, weights, and light or dark versions, so a plain even grid makes some logos look huge and others tiny even though the boxes are the same size. I end up setting optical scale and padding per logo by eye.\nA component that solved it would carry per-item optical scale (not just a uniform height), a grayscale plus contrast normalize so a mixed set reads as one, and a graceful rule for uneven counts (center the orphan row, or switch to a slow marquee past a set number). Feed it from a CMS collection with an optional per-logo scale field and it would save me that fiddle on nearly every build.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tables are clearly the winner here, so I will add a different one: the logo and trust wall. It looks trivial and it is the section I hand-tune every single time."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The reason no component fits is that client logos are never visually equal. They come in different aspect ratios, weights, and light or dark versions, so a plain even grid makes some logos look huge and others tiny even though the boxes are the same size. I end up setting optical scale and padding per logo by eye."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A component that solved it would carry per-item optical scale (not just a uniform height), a grayscale plus contrast normalize so a mixed set reads as one, and a graceful rule for uneven counts (center the orphan row, or switch to a slow marquee past a set number). Feed it from a CMS collection with an optional per-logo scale field and it would save me that fiddle on nearly every build."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10afa-8fab-762c-b06e-4bb5123f2277"},"repost":null}},"context":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$57","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T07:49:56.888Z","latestAt":"2026-10-05T07:49:56.888Z"},{"id":"01a10af6-8e94-71ca-a36c-95d5f630ba71","type":"comment.reply","target":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$58","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10af6-8e73-75b8-b629-724a39d0f9db","preview":"Yes! It's a CustomEvent on window called \"scorecardquiz:complete\". event.detail has { key, result }: the result carries title, score, band, focus area, per-dimension scores, and every answer. The same object is also saved to sessionStorage under that key. It's off by default, so nothing fires until you switch Save Results on. And thanks, sticky first column + per-plan cards on mobile is a great call.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes! It's a CustomEvent on window called \"scorecardquiz:complete\". event.detail has { key, result }: the result carries title, score, band, focus area, per-dimension scores, and every answer. The same object is also saved to sessionStorage under that key. It's off by default, so nothing fires until you switch Save Results on. And thanks, sticky first column + per-plan cards on mobile is a great call."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a10ae2-dcc9-7168-8454-e5ed8c535219"},"repost":null}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T07:28:12.948Z","latestAt":"2026-10-05T07:28:12.948Z"},{"id":"01a10af6-7e64-720e-a3d6-c1d0393f8976","type":"comment.liked","target":{"type":"comment","id":"01a10ae2-dcc9-7168-8454-e5ed8c535219","preview":"Comparison tables. Sticky first column on desktop, collapsing into per-plan cards on mobile, with rows pulled from CMS so marketing can add a feature without touching layout. Also, is the Save Results event a CustomEvent on window? That would make piping it into HubSpot or a webhook pretty painless.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Comparison tables. Sticky first column on desktop, collapsing into per-plan cards on mobile, with rows pulled from CMS so marketing can add a feature without touching layout. Also, is the Save Results event a CustomEvent on window? That would make piping it into HubSpot or a webhook pretty painless."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10ae2-dcc9-7168-8454-e5ed8c535219"},"repost":null}},"context":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$59","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T07:28:10.193Z","latestAt":"2026-10-05T07:28:10.193Z"},{"id":"01a10af2-ba27-77e9-bb43-822e8576d7e2","type":"creator.followed","target":{"type":"creator","id":"968eff1d-454e-43fd-bed5-a47dac6d92cf","preview":"Pavlo Zhydkykh","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364632/avatar-Wss7Akqr96XCEmFiZdCcxsoKSx8sS0.jpg","slug":"paulo-zhh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T07:24:01.948Z","latestAt":"2026-10-05T07:24:01.948Z"},{"id":"01a10acd-10ca-76e9-a04a-2e430f378795","type":"comment.reply","target":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$5a","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a10acd-10b6-7291-99a8-692083bdeec9","preview":"Thanks Zohaib! Tooltips per feature are exactly the gap I keep seeing too. Quick one: do your clients want them on hover only, or tap-to-open on mobile as well?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Zohaib! Tooltips per feature are exactly the gap I keep seeing too. Quick one: do your clients want them on hover only, or tap-to-open on mobile as well?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a10a81-582d-7709-bd49-c7abcb2cd000"},"repost":null}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:42:53.770Z","latestAt":"2026-10-05T06:42:53.770Z"},{"id":"01a10acd-079c-7298-90ac-b52263c14442","type":"comment.liked","target":{"type":"comment","id":"01a10a81-582d-7709-bd49-c7abcb2cd000","preview":"Pricing tables with a monthly/yearly toggle are the section I rebuild most, especially when clients want a 'most popular' badge and feature tooltips per plan. Turning two customer emails into same-day updates is a great habit too.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing tables with a monthly/yearly toggle are the section I rebuild most, especially when clients want a 'most popular' badge and feature tooltips per plan. Turning two customer emails into same-day updates is a great habit too."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a10a81-582d-7709-bd49-c7abcb2cd000"},"repost":null}},"context":{"type":"post","id":"01a10a60-5654-725d-bc23-4e83ac94fb01","preview":"$5b","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a10a60-5654-725d-bc23-4e83ac94fb01","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:42:51.409Z","latestAt":"2026-10-05T06:42:51.409Z"},{"id":"01a10aca-b534-7025-8555-fca73788daa1","type":"creator.followed","target":{"type":"creator","id":"799c0b85-c8aa-4313-9365-d79bc86faa0d","preview":"Zohaib Irshad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2786124/fccdddcb16e6cf16a0b7e66aade73866-tCk0yqRVTrSXlczv4mSfJk0JvQvxbL","slug":"zohaib-irshad-0pib9","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:40:19.248Z","latestAt":"2026-10-05T06:40:19.248Z"},{"id":"01a10aca-856c-738e-b450-1beebc19af4b","type":"creator.followed","target":{"type":"creator","id":"756dae4c-2078-4a8c-a4f7-9a43a306789f","preview":"Ihsan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/756dae4c-2078-4a8c-a4f7-9a43a306789f/ff4zwduh","slug":"ihsan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:40:07.015Z","latestAt":"2026-10-05T06:40:07.015Z"},{"id":"01a10aca-6d4e-708f-98c3-cfc3d0a6d1cc","type":"creator.followed","target":{"type":"creator","id":"1364828a-b355-487e-b32f-02641033b191","preview":"Tanjim","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28885/avatar-ctk9oa9jzfLVvcTdTNu7W0AGiFbWhc.jpg","slug":"tanjim-islam","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:40:00.828Z","latestAt":"2026-10-05T06:40:00.828Z"},{"id":"01a10a5e-8e43-705b-99fb-d26e4ac70194","type":"creator.followed","target":{"type":"creator","id":"7e90fc1d-cc64-4744-aedf-3798e1fc2518","preview":"no-more","previewJson":null,"thumbnail":null,"slug":"sourov-ahmed","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T04:42:11.391Z","latestAt":"2026-10-05T04:42:11.391Z"},{"id":"01a1077b-b05d-7748-b068-cc0d1e308837","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":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T15:15:09.014Z","latestAt":"2026-10-04T15:15:09.014Z"},{"id":"01a0c3d2-231f-71ce-b8e2-9e73c75ea31a","type":"component.created","target":{"type":"component","id":"2Y6DEqrOa8CVmWTqunHI","preview":"Prompt Library","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0c3d2-0957-70ed-ac5a-1465b86664e4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T11:55:23.807Z","latestAt":"2026-09-21T11:55:23.807Z"},{"id":"01a0aeaf-fea5-7378-86f1-077b823ad2d1","type":"component.created","target":{"type":"component","id":"Ot6pcRhV5SxBDqRggdGB","preview":"Benchmark Bars","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0aeaf-db83-7492-8410-53fe9c7182cf.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","slug":"yi-isaac","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-17T09:26:04.709Z","latestAt":"2026-09-17T09:26:04.709Z"}],"pagination":{"next":"MjAyNi0wOS0xN1QwOToyNjowNC43MDlafDAxYTBhZWFmLWZlYTUtNzM3OC04NmYxLTA3N2I4MjNhZDJkMQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3c3a050e-de48-4606-9543-56ae1f8cec24:/unified/posts/?creator=3c3a050e-de48-4606-9543-56ae1f8cec24&with=reposts":[{"data":[{"id":"01a110cf-0393-76da-9014-f5bd0a024527","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nsoPcQVP4T5ps2TYSiIP","resolved":true,"title":"Plan Matrix","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing cards and a plan comparison table in one section. Monthly/yearly toggle, feature tooltips, a sticky first column, and plan cards on mobile. No CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"Two parts you can show together or on their own. On top, up to four plan cards with a monthly/yearly switch and a highlighted plan. Below, a comparison table that keeps feature names pinned while visitors scroll sideways, and turns into one card per plan when the section gets narrow."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Monthly/yearly toggle with your own labels, a \"Save 20%\" chip and a default choice, or one price only"}]},{"type":"paragraph","content":[{"type":"text","text":"— Prices as plain text, so \"$19\", \"€15\" or \"Contact sales\" all work, plus an optional crossed-out price and a note under it"}]},{"type":"paragraph","content":[{"type":"text","text":"— A highlighted plan with an accent edge and a \"Most popular\" badge. Card heights match so buttons line up"}]},{"type":"paragraph","content":[{"type":"text","text":"— Feature lists on every card, with an info tooltip on any line (hover, tap or keyboard)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Table rows as lines of text: \"# Group\" starts a section, \"Feature | Starter | Pro | Business\" adds a row"}]},{"type":"paragraph","content":[{"type":"text","text":"— yes, no and limited become a check, a cross and a Limited pill, with screen-reader text. Anything else shows as written"}]},{"type":"paragraph","content":[{"type":"text","text":"— A placeholder of your choice for blank cells, a sticky first column, and a highlighted featured column"}]},{"type":"paragraph","content":[{"type":"text","text":"— Below a width you set, the table becomes one card per plan (it follows the section's width, so it works in narrow columns too)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Cards only, table only, or both. Light and dark themes, accent color, max width, anchor ID, footnote"}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"No checkout inside: every button is a plain link to your own signup or payment page, and nothing is collected or sent. Rows come from the properties panel, not a CMS collection."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT FOR"}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS sites, apps, agencies and course creators."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero external libraries, zero layout shift: switching monthly and yearly changes the prices, never the card sizes. Every plan and row is real text for search engines and screen readers."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is set from the properties panel. No code."}]}]},"introduction":"Plan cards plus a compare table.","slug":"plan-matrix","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a110ce-256d-7026-a3ac-5bf5d3c59e2e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T10:42:44.156Z","updatedAt":"2026-10-06T10:42:44.156Z","publishedAt":"2026-10-06T10:42:44.153Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sustained-people-184256.framer.app/","price":"5","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/d6f36926-9e68-493b-a459-a10e142b448b","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"3w7cvjE8hUdDdhlBd7hi","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-06T10:42:44.755Z","updatedAt":"2026-10-06T10:42:44.755Z"},{"id":"01a10a60-5654-725d-bc23-4e83ac94fb01","title":null,"body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"September recap: three new components, and two emails that became updates the same day"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone, solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick September recap."}]},{"type":"paragraph","content":[{"type":"text","text":"The part I liked most this month wasn't a launch. It was two emails."}]},{"type":"paragraph","content":[{"type":"text","text":"An agency creative director bought my Google Sheets table and asked one"}]},{"type":"paragraph","content":[{"type":"text","text":"thing: could a link typed into a sheet cell show up as a real link on the"}]},{"type":"paragraph","content":[{"type":"text","text":"site? It could not. A few hours later it could: paste a URL, or"}]},{"type":"paragraph","content":[{"type":"text","text":"[Label](url), into a cell and it renders as a link. They wrote back"}]},{"type":"paragraph","content":[{"type":"text","text":"\"Thanks!\" the same afternoon."}]},{"type":"paragraph","content":[{"type":"text","text":"The next day, someone who hadn't bought anything yet asked whether"}]},{"type":"paragraph","content":[{"type":"text","text":"Scorecard Quiz could hand its final result to their own form. Same day,"}]},{"type":"paragraph","content":[{"type":"text","text":"it got a Save Results option: off by default, it keeps the finished score"}]},{"type":"paragraph","content":[{"type":"text","text":"in the browser session and fires an event your own form or script can"}]},{"type":"paragraph","content":[{"type":"text","text":"pick up. Nothing is sent anywhere unless you wire it."}]},{"type":"paragraph","content":[{"type":"text","text":"Neither change was on my roadmap. Both were the right call."}]},{"type":"paragraph","content":[{"type":"text","text":"Also updated: Quiz Funnel now has a \"most picked category\" result mode,"}]},{"type":"paragraph","content":[{"type":"text","text":"for personality-style quizzes instead of score totals."}]},{"type":"paragraph","content":[{"type":"text","text":"New in September:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scorecard Quiz: a self-assessment that scores every area, shows an"}]},{"type":"paragraph","content":[{"type":"text","text":" overall score ring, and names the weakest area."}]},{"type":"paragraph","content":[{"type":"text","text":"- Benchmark Bars: your product vs. the alternatives, as bars that grow on"}]},{"type":"paragraph","content":[{"type":"text","text":" scroll. One row is highlighted, the rest are the field."}]},{"type":"paragraph","content":[{"type":"text","text":"- Prompt Library: search, category chips, fill-in [variables], one-click"}]},{"type":"paragraph","content":[{"type":"text","text":" copy."}]},{"type":"paragraph","content":[{"type":"text","text":"All single .tsx files, zero external libraries, everything from the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel. They're on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: what's one section you keep rebuilding by hand on"}]},{"type":"paragraph","content":[{"type":"text","text":"client sites because no component quite fits? I'm picking next month's"}]},{"type":"paragraph","content":[{"type":"text","text":"build from the replies."}]}]},"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":10},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T04:44:08.150Z","updatedAt":"2026-10-05T04:44:08.150Z"},{"id":"01a0c3d2-20fd-71f6-8092-7c326332a84c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2Y6DEqrOa8CVmWTqunHI","resolved":true,"title":"Prompt Library","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Not a prompt box. A library your visitors can search, fill in, copy, and open — one section, no CMS, no backend."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"A grid of prompt cards with search and category chips. Every card copies in one click. Open a card and the [variables] become blanks: visitors type their own role, product, or topic, watch the prompt fill in live, then copy it or open it in ChatGPT, Claude, or your own app."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Search across titles, prompts, categories, and notes, plus category chips built from your data"}]},{"type":"paragraph","content":[{"type":"text","text":"— [variable] blanks: one input per variable, a live preview, and copy with the blanks filled"}]},{"type":"paragraph","content":[{"type":"text","text":"— \"Open in\" links from a URL template: put {prompt} where the prompt goes. ChatGPT and Claude are defaults; add your own product"}]},{"type":"paragraph","content":[{"type":"text","text":"— Add prompts as a list in the panel, or paste them all as text (Title | Category, the prompt, then ---)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Optional image per card for image-generation prompts, plus a note line and a badge"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two or three columns, a Show more page size, monospace option, light and dark themes, one accent color"}]},{"type":"paragraph","content":[{"type":"text","text":"— The detail panel opens under the card's row. No modal, no overlay, and the row stays put"}]},{"type":"paragraph","content":[{"type":"text","text":"FOR AI PRODUCTS"}]},{"type":"paragraph","content":[{"type":"text","text":"Point \"Open in\" at your own app and every prompt becomes a way in: "},{"type":"text","text":"https://app.example.com/new?prompt={prompt}","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://app.example.com/new?prompt={prompt}","target":"_blank"}}]},{"type":"text","text":". Visitors pick a prompt on your landing page and land in your product with it filled in."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"It does not call any AI, collect emails, or store what visitors type. Inputs live on the page and are gone when the panel closes. Nothing is sent unless a visitor clicks Open in."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT FOR"}]},{"type":"paragraph","content":[{"type":"text","text":"AI products and docs, AI educators and newsletters, consultants and agencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero external libraries, zero layout shift: buttons keep their width when the label flips, and every prompt stays on the page as real text."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No CMS, no code."}]},{"type":"paragraph","content":[{"type":"text","text":"Selling your prompts or templates? Storefront Grid turns the same grid into a shop page with prices, details and Buy links."}]}]},"introduction":"Find a prompt. Fill it. Copy it.","slug":"prompt-library","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0c3d2-0957-70ed-ac5a-1465b86664e4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2848,"height":1644}}],"post":null,"createdAt":"2026-09-21T11:55:22.686Z","updatedAt":"2026-09-24T08:11:34.974Z","publishedAt":"2026-09-21T11:55:22.685Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intellectual-ones-533343.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/72aba28d-74ad-48b4-bb2a-6ee60a415b32","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"O2dvWyKdmh6RFywPtxef","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-21T11:55:23.261Z","updatedAt":"2026-09-21T11:55:23.261Z"},{"id":"01a0aeaf-f71f-76bf-8ce0-b4dd60fe10bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ot6pcRhV5SxBDqRggdGB","resolved":true,"title":"Benchmark Bars","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SVG Chart draws your data. Benchmark Bars makes your case — the \"N× faster\" section dev-tool and AI landing pages hand-code, as one component that measures nothing and sends nothing."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"For each metric you type the rows — your product and two to five alternatives, one per line as Name | 42. The section draws horizontal bars, highlights your row, and works out the ratio against the strongest competitor: 4.3× faster, 4.1× smaller, 2.2× more throughput. Lower- and higher-is-better metrics sit side by side, each with its own hint."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Horizontal bars per metric, your row in the accent color, the others in a quiet gray"}]},{"type":"paragraph","content":[{"type":"text","text":"— A ratio badge computed from your numbers, with your own word: faster, smaller, cheaper. It hides when your row is behind or the gap is under 1.1×"}]},{"type":"paragraph","content":[{"type":"text","text":"— Units before or after the value ($0.12, 42 ms, 94.2%), thousands separators kept exactly as you typed them"}]},{"type":"paragraph","content":[{"type":"text","text":"— A footnote per metric plus a source line and link for the section — a benchmark without its setup is just a claim"}]},{"type":"paragraph","content":[{"type":"text","text":"— List or two-column layout, light and dark themes, one accent color, adjustable max width"}]},{"type":"paragraph","content":[{"type":"text","text":"— Bars grow and numbers count up once on scroll into view; reduced-motion visitors see the final state at once"}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"It does not run benchmarks, load a chart library, or talk to a backend. The numbers are yours — measure them, type them, and say where they came from. Fictional placeholder names ship as defaults, so nothing on your page names a competitor until you do."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT FOR"}]},{"type":"paragraph","content":[{"type":"text","text":"Developer tools, APIs, AI products, and any SaaS page with real numbers to show against the alternatives."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero external libraries, zero layout shift: bar widths are final from the first paint and only the fill animates, value cells reserve their width, and every row is labeled for screen readers (\"Ours: 42 ms, 4.3× faster than Alternative A\")."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No CMS, no code."}]}]},"introduction":"Your product vs theirs, in bars.","slug":"benchmark-bars","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0aeaf-db83-7492-8410-53fe9c7182cf.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2845,"height":1650}}],"post":null,"createdAt":"2026-09-17T09:26:01.442Z","updatedAt":"2026-09-17T09:26:01.442Z","publishedAt":"2026-09-17T09:26:01.417Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://affable-football-015996.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/57869e21-c336-412b-8a3a-5bcb1b02cec7","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"NRCv4JJXorNYUlQRtAuG","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-09-17T09:26:02.783Z","updatedAt":"2026-09-17T09:26:02.783Z"},{"id":"01a0a496-db3b-7027-8f1e-a5f135e59144","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mi6TdO36TDmMfOadxhAc","resolved":true,"title":"Scorecard Quiz","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quiz Funnel routes each visitor to one result. Scorecard Quiz scores every area and names the weakest one — the self-assessment coaches, consultants, and agencies usually rent from a monthly SaaS, as one component that sends nothing anywhere."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"Visitors rate short statements one at a time on a scale you choose: Agree 1 to 5, Yes / Sometimes / No, or 1 to 10. Areas and statements live in the properties panel — one area per item, one statement per line. Start a line with ! to reverse-score it."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT THE RESULTS SCREEN SHOWS"}]},{"type":"paragraph","content":[{"type":"text","text":"— An overall score ring out of 100 with a count-up, and a grade band (label, description, CTA) matched to it"}]},{"type":"paragraph","content":[{"type":"text","text":"— A score for every area as bars, or a radar chart for 3 to 6 areas"}]},{"type":"paragraph","content":[{"type":"text","text":"— The lowest area called out with the advice you wrote for it"}]},{"type":"paragraph","content":[{"type":"text","text":"— A CTA per band, Retake, and a Copy summary button for the visitor's clipboard"}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT SCORES"}]},{"type":"paragraph","content":[{"type":"text","text":"Each area scores 0 to 100 from its own statements. The overall score is the average of the areas, so every area weighs the same. Bands are minimum thresholds — add as many as you need."}]},{"type":"paragraph","content":[{"type":"text","text":"NEW: SAVE RESULTS (OPTIONAL)"}]},{"type":"paragraph","content":[{"type":"text","text":"Turn it on and the finished result (score, band, weakest area, area scores, every answer) is saved as JSON in the visitor's sessionStorage under a key you choose, and a scorecardquiz:complete event fires. Your form, override or code picks it up. Retake clears it. Off by default."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"No email gate, no webhook, no backend. Results are computed in the browser and nothing is sent anywhere."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— 12 ready-made statements in 4 areas (a website health check)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Auto-advance on click or a Next button; arrow keys to pick, Enter to confirm"}]},{"type":"paragraph","content":[{"type":"text","text":"— Back, a progress bar and step counter, an intro screen you can hide"}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero layout shift between statements"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes, one accent color, adjustable max width"}]},{"type":"paragraph","content":[{"type":"text","text":"— Accessible: real radio groups, labeled scores, an announced Copy state"}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries. Pure React and CSS."}]},{"type":"paragraph","content":[{"type":"text","text":"Set up in the properties panel. No CMS, no code."}]}]},"introduction":"Rate the statements. See the gaps.","slug":"scorecard-quiz","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0a496-c52d-7553-a538-4d18329dd50c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2880,"height":1169}}],"post":null,"createdAt":"2026-09-15T10:22:24.458Z","updatedAt":"2026-10-02T11:43:28.937Z","publishedAt":"2026-09-15T10:22:24.455Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mighty-minds-213540.framer.app/","price":"15","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/12344ae1-73cd-4820-aa79-357cb42dac3c","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Gwd0b2MJxmOCU3GKcu2A","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-09-15T10:22:25.083Z","updatedAt":"2026-09-15T10:22:25.083Z"},{"id":"01a09e7f-3bda-740d-b5d8-f204753cab36","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pdOCCijm84DyhpSaUmxH","resolved":true,"title":"Value Stack","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every course, coaching, and workshop sales page needs the same block: what's included, each item priced on its own, then bundled into one number against today's price. There is no dedicated component for it — sellers rebuild it inside a generic pricing card, or skip the itemization and show one price."}]},{"type":"paragraph","content":[{"type":"text","text":"This is that block as one component."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"A two-column section: an itemized list on the left, a pricing summary card on the right. Each item is a title, an optional description, a value typed as a plain number, and an optional badge (Bonus or New). Add as many items as needed from the properties panel — no CMS, no external data."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT THE SUMMARY CARD SHOWS"}]},{"type":"paragraph","content":[{"type":"text","text":"— Total value, summed from every item and animated with a one-time count-up on scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"— Today's price next to the total, struck through, with amount and percent saved calculated for you"}]},{"type":"paragraph","content":[{"type":"text","text":"— A CTA button and a guarantee line (\"14-day money-back guarantee\" by default)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Bonus and New badges as opaque tinted pills that hold up on any background"}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES NOT DO"}]},{"type":"paragraph","content":[{"type":"text","text":"No countdown timer, no live inventory count. The total is plain addition of the numbers you type — no currency parsing, no Date object, nothing that ticks or can break on the canvas. Set the offer price above the total and the strikethrough and savings badge disable themselves automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— A scroll-triggered count-up that reserves its final width — nothing shifts mid-animation"}]},{"type":"paragraph","content":[{"type":"text","text":"— Amount and percent saved, calculated from the two numbers you enter, in any currency prefix or suffix you type"}]},{"type":"paragraph","content":[{"type":"text","text":"— Hide the value column with one switch to run it as a plain checklist"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes, one accent color, adjustable max width"}]},{"type":"paragraph","content":[{"type":"text","text":"— Accessible: real list markup, a screen-reader total, badges that carry their own text"}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries. Pure React and CSS."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No CMS, no code."}]}]},"introduction":"Total value, today's price, done.","slug":"value-stack","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a09e7f-29ff-74cc-b45b-20669941a3b0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2849,"height":1646}}],"post":null,"createdAt":"2026-09-14T05:58:52.975Z","updatedAt":"2026-09-14T05:58:52.975Z","publishedAt":"2026-09-14T05:58:52.972Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scary-illustrations-244811.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/0719979f-3c9d-4450-991d-4a86e2d46687","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"RdkIOhUKaycv48CethFc","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-09-14T05:58:53.658Z","updatedAt":"2026-09-14T05:58:53.658Z"},{"id":"01a07ae7-ac4a-74c1-8d12-4de34312b9bf","title":null,"body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone — solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June. Quick August recap."}]},{"type":"paragraph","content":[{"type":"text","text":"Made free: Mini Poll, the three-step lead-capture poll. It's free for"}]},{"type":"paragraph","content":[{"type":"text","text":"everyone now."}]},{"type":"paragraph","content":[{"type":"text","text":"The template: I tutor math for a living, and every \"education\" template I"}]},{"type":"paragraph","content":[{"type":"text","text":"found was built by someone who had never run a class. So I built Mathlift"}]},{"type":"paragraph","content":[{"type":"text","text":"— the site I'd actually want: results, a weekly schedule, programs,"}]},{"type":"paragraph","content":[{"type":"text","text":"pricing, real legal pages, a contact form that sends. It's my first paid"}]},{"type":"paragraph","content":[{"type":"text","text":"template."}]},{"type":"paragraph","content":[{"type":"text","text":"The interesting part was what happened next. Three blocks inside it turned"}]},{"type":"paragraph","content":[{"type":"text","text":"out to be things every course, coaching, or tutoring page needs, so I"}]},{"type":"paragraph","content":[{"type":"text","text":"pulled them out as standalone components:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Course Curriculum — the \"what you'll learn\" accordion. One lesson per"}]},{"type":"paragraph","content":[{"type":"text","text":"line in the panel (\"Title | 12:30 | free\"), and module numbers, lesson"}]},{"type":"paragraph","content":[{"type":"text","text":"counts, total hours, and badges compute themselves. No CMS collections."}]},{"type":"paragraph","content":[{"type":"text","text":"- Weekly Timetable — a day × time grid with open / full / no-class states."}]},{"type":"paragraph","content":[{"type":"text","text":"A timetable, not a booking widget: most sites only need to show the week."}]},{"type":"paragraph","content":[{"type":"text","text":"- Before After Counter — two numbers, not one. Before, after, and the gain"}]},{"type":"paragraph","content":[{"type":"text","text":"counting up on scroll. Works for scores, revenue, load time."}]},{"type":"paragraph","content":[{"type":"text","text":"Also new: Status Page — a whole /status page in one drop, the sibling of"}]},{"type":"paragraph","content":[{"type":"text","text":"the Trust Center I shared last month."}]},{"type":"paragraph","content":[{"type":"text","text":"All pure React + CSS, zero external libraries, zero layout shift,"}]},{"type":"paragraph","content":[{"type":"text","text":"everything from the properties panel. The paid ones are on my profile if"}]},{"type":"paragraph","content":[{"type":"text","text":"you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Question for the room: if you build for coaches, courses, or schools —"}]},{"type":"paragraph","content":[{"type":"text","text":"what's the block you still end up hand-building every time?"}]}]},"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T08:06:38.414Z","updatedAt":"2026-09-07T08:06:38.414Z"},{"id":"01a07937-e9be-7199-83a9-9be145d15c3c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"56WFiBISAy4mHCNp8h2e","resolved":true,"title":"Course Curriculum","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every course page has the same block: what you'll learn, module by module,"}]},{"type":"paragraph","content":[{"type":"text","text":"lesson by lesson. And in Framer that block usually means a CMS collection,"}]},{"type":"paragraph","content":[{"type":"text","text":"a second collection for lessons, a reference field between them, and a"}]},{"type":"paragraph","content":[{"type":"text","text":"template you assemble by hand before you can type a single title."}]},{"type":"paragraph","content":[{"type":"text","text":"This is that block as one component."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"A curriculum accordion. Each module has a title, an optional one-line"}]},{"type":"paragraph","content":[{"type":"text","text":"description, and its lessons. You type the lessons as plain lines in the"}]},{"type":"paragraph","content":[{"type":"text","text":"properties panel — one lesson per line, like this:"}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up your workspace | 12:30 | free"}]},{"type":"paragraph","content":[{"type":"text","text":"Title, duration, and an optional badge word. That is the whole format."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT COMPUTES ITSELF"}]},{"type":"paragraph","content":[{"type":"text","text":"— Module numbers (01, 02, 03…)"}]},{"type":"paragraph","content":[{"type":"text","text":"— Lessons per module and minutes per module"}]},{"type":"paragraph","content":[{"type":"text","text":"— The summary strip: \"4 modules · 16 lessons · 3h 53m total\""}]},{"type":"paragraph","content":[{"type":"text","text":"— Badges from a single word: free (Free preview, green), locked, or new"}]},{"type":"paragraph","content":[{"type":"text","text":"— A free lesson with a URL becomes a link to the preview"}]},{"type":"paragraph","content":[{"type":"text","text":"Delete a lesson, add a module, change a duration — every count updates."}]},{"type":"paragraph","content":[{"type":"text","text":"Nothing to recalculate, nothing to keep in sync."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Multi-open accordion with Expand all / Collapse all. Default open state:"}]},{"type":"paragraph","content":[{"type":"text","text":"first module, all, or none."}]},{"type":"paragraph","content":[{"type":"text","text":"— Durations accept 12:30, 1:05:20, 45m, 1h 5m, or a plain number of"}]},{"type":"paragraph","content":[{"type":"text","text":"minutes — and display exactly what you typed."}]},{"type":"paragraph","content":[{"type":"text","text":"— A CTA button at the bottom for your enrollment link. Empty URL, no button."}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes, one accent color, adjustable max width."}]},{"type":"paragraph","content":[{"type":"text","text":"— Full-bleed section background with built-in vertical spacing, so it sits"}]},{"type":"paragraph","content":[{"type":"text","text":"between your existing sections without a wrapper."}]},{"type":"paragraph","content":[{"type":"text","text":"— Accessible: real buttons with aria-expanded, labelled regions, and badge"}]},{"type":"paragraph","content":[{"type":"text","text":"text that never relies on color alone."}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries, zero layout shift. Pure React and CSS."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No CMS, no code."}]}]},"introduction":"Modules, lessons, badges. No CMS.","slug":"course-curriculum","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a07937-d565-752c-87c3-b347ae5f1432.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2852,"height":1649}}],"post":null,"createdAt":"2026-09-07T00:15:02.059Z","updatedAt":"2026-09-07T00:15:02.059Z","publishedAt":"2026-09-07T00:15:02.056Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://full-flow-770458.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/bb8f4806-25bf-4fb9-8067-a5344328271e","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"vH02Ru272fBOvpssJjfr","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-07T00:15:02.590Z","updatedAt":"2026-09-07T00:15:02.590Z"},{"id":"01a061a0-11a5-721e-a671-e4ffc9e096c6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2MkGlBW5Aj3M6QmQvgp4","resolved":true,"title":"Weekly Timetable","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Reach for a schedule section and you end up embedding a booking tool — a"}]},{"type":"paragraph","content":[{"type":"text","text":"calendar app, an account, a subscription, and a flow your visitors have to"}]},{"type":"paragraph","content":[{"type":"text","text":"start before they can see anything."}]},{"type":"paragraph","content":[{"type":"text","text":"Most sites do not need that. They need to show the week."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT IS"}]},{"type":"paragraph","content":[{"type":"text","text":"A day-by-time timetable. Every slot has a title, a status, and an optional"}]},{"type":"paragraph","content":[{"type":"text","text":"note — \"1 seat left\", \"Group of 6\", \"Resumes next term\". Three statuses come"}]},{"type":"paragraph","content":[{"type":"text","text":"styled: open, full, and no class."}]},{"type":"paragraph","content":[{"type":"text","text":"You type the slots as one flat list in the properties panel. Rows build"}]},{"type":"paragraph","content":[{"type":"text","text":"themselves from the times you enter, in the order they first appear. No"}]},{"type":"paragraph","content":[{"type":"text","text":"nesting, no dragging, no CMS collection to set up."}]},{"type":"paragraph","content":[{"type":"text","text":"AN HONEST NOTE"}]},{"type":"paragraph","content":[{"type":"text","text":"This is a display component. It does not take bookings, hold seats, sync a"}]},{"type":"paragraph","content":[{"type":"text","text":"calendar, or talk to a server. If you need a visitor to reserve a spot, you"}]},{"type":"paragraph","content":[{"type":"text","text":"still want a booking tool — put this above it. What you get instead is"}]},{"type":"paragraph","content":[{"type":"text","text":"something you can update in ten seconds from the panel, that costs nothing"}]},{"type":"paragraph","content":[{"type":"text","text":"per month, and that cannot break because a third-party service changed."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Mon-Fri, Mon-Sat, or Mon-Sun. Hidden days leave no empty rows behind."}]},{"type":"paragraph","content":[{"type":"text","text":"— Rename the three statuses to your own words: Open / Full / No class, or"}]},{"type":"paragraph","content":[{"type":"text","text":"Available / Booked / Closed, or anything else."}]},{"type":"paragraph","content":[{"type":"text","text":"— Collapses to per-day cards below 620px of its OWN measured width, not the"}]},{"type":"paragraph","content":[{"type":"text","text":"browser window — so it still behaves correctly inside a narrow column."}]},{"type":"paragraph","content":[{"type":"text","text":"— Optional legend and footnote for timezones or update cadence."}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark, an accent color, and a transparent section background so it"}]},{"type":"paragraph","content":[{"type":"text","text":"drops onto your existing page."}]},{"type":"paragraph","content":[{"type":"text","text":"— Every cell carries an aria-label with the day, time, title, and status."}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries, zero layout shift. Pure React and CSS."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No code, no booking"}]},{"type":"paragraph","content":[{"type":"text","text":"backend, no CMS."}]}]},"introduction":"A timetable, not a booking widget.","slug":"weekly-timetable","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a0619f-fb5e-7089-808b-564de01997a3.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":2880,"height":1644}}],"post":null,"createdAt":"2026-09-02T10:17:54.871Z","updatedAt":"2026-09-29T07:17:32.212Z","publishedAt":"2026-09-02T10:17:54.867Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://genuine-patterns-218693.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/feead071-a868-4f91-9cf5-3f20a2586fa5","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"k6g9uQUCg629FTVKtBKV","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-02T10:17:55.365Z","updatedAt":"2026-09-02T10:17:55.365Z"},{"id":"01a036af-f18e-705b-a0ab-5cbf4c3309b6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"nMZdDgecbaoY2Aqkn88B","resolved":true,"title":"Before After Counter","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most counter components animate one number. This one animates the change."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card shows where a number started, where it ended, and the gain between"}]},{"type":"paragraph","content":[{"type":"text","text":"them — all three counting up together when the section scrolls into view."}]},{"type":"paragraph","content":[{"type":"text","text":"That is the shape of a proof block: not \"1,480 students\" but \"1,280 → 1,480.\""}]},{"type":"paragraph","content":[{"type":"text","text":"WHY THE GAIN CHIP STAYS GREEN"}]},{"type":"paragraph","content":[{"type":"text","text":"A gain is not always a bigger number. Weight, cost, churn, load time, support"}]},{"type":"paragraph","content":[{"type":"text","text":"tickets — in half the categories that matter, going down is the win. The chip"}]},{"type":"paragraph","content":[{"type":"text","text":"flips its arrow and keeps the green either way, so the same section works for"}]},{"type":"paragraph","content":[{"type":"text","text":"a tutor showing score lifts and an agency showing bounce rate cut in half."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU GET"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two numbers per card. Type the before and the after; the gain is calculated"}]},{"type":"paragraph","content":[{"type":"text","text":"and animated for you."}]},{"type":"paragraph","content":[{"type":"text","text":"— Counts up once, when the section scrolls into view. Static in the Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"canvas, so your layout never jitters while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"— Any number of cards in a grid that reflows on its own."}]},{"type":"paragraph","content":[{"type":"text","text":"— Per card: label, prefix, suffix, timeframe, and a note line — for units,"}]},{"type":"paragraph","content":[{"type":"text","text":"dates, or the source of the number."}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes, an accent color, and a section background that is"}]},{"type":"paragraph","content":[{"type":"text","text":"transparent by default so it drops onto your existing page."}]},{"type":"paragraph","content":[{"type":"text","text":"— Section eyebrow, heading, subheading, and a footnote for disclaimers."}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries, zero layout shift. Pure React and CSS."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is configured from the properties panel. No code, no chart"}]},{"type":"paragraph","content":[{"type":"text","text":"library, no CMS."}]}]},"introduction":"Counts the change, not the number.","slug":"before-after-counter","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a10a6e-76da-718d-b6e4-319e2316e914.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2880,"height":1641}}],"post":null,"createdAt":"2026-08-25T02:11:34.834Z","updatedAt":"2026-10-05T04:59:37.538Z","publishedAt":"2026-08-25T02:11:34.831Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://expanded-accessibility-040239.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/0e8778be-1398-4d5e-be6a-4fbf387eb63e","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"GzONlhEK3iBGZNve8lHx","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-08-25T02:11:35.438Z","updatedAt":"2026-08-25T02:11:35.438Z"},{"id":"01a03113-63fe-7663-8735-0d30919e7a12","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71759","resolved":true,"title":"Mathlift","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every tutoring template is a generic education site with the subject swapped"}]},{"type":"paragraph","content":[{"type":"text","text":"in. Mathlift was built the other way around — by a math tutor who still"}]},{"type":"paragraph","content":[{"type":"text","text":"teaches every session, starting from what actually makes a family enroll:"}]},{"type":"paragraph","content":[{"type":"text","text":"proof and logistics."}]},{"type":"paragraph","content":[{"type":"text","text":"TWO COMPONENTS YOU WON'T FIND IN A GENERIC TEMPLATE"}]},{"type":"paragraph","content":[{"type":"text","text":"Score Lift Card — an animated before → after score section. Section scores,"}]},{"type":"paragraph","content":[{"type":"text","text":"weeks elapsed, and the gain, counting up as the visitor scrolls. It is the"}]},{"type":"paragraph","content":[{"type":"text","text":"single strongest asset a tutor has, and it is built in."}]},{"type":"paragraph","content":[{"type":"text","text":"Weekly Schedule Grid — a real availability timetable with open / full /"}]},{"type":"paragraph","content":[{"type":"text","text":"no-class states and seats-left flags, all managed from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"No CMS, no spreadsheet, no embed."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT'S INSIDE"}]},{"type":"paragraph","content":[{"type":"text","text":"— 11 pages: Home, Programs (SAT / AP Calculus / IB / School Math), Results,"}]},{"type":"paragraph","content":[{"type":"text","text":"About, Pricing, Contact, FAQ, plus Terms, Privacy, Refunds, and a styled 404"}]},{"type":"paragraph","content":[{"type":"text","text":"— More working code components: animated stat counters, testimonial marquee,"}]},{"type":"paragraph","content":[{"type":"text","text":"four-tier pricing grid, lead-gen poll, social-proof toast, FAQ accordion"}]},{"type":"paragraph","content":[{"type":"text","text":"— Real tutoring copy on every page — a diagnostic-first sales flow, honest"}]},{"type":"paragraph","content":[{"type":"text","text":"FAQ answers, realistic pricing. Not lorem ipsum with math words."}]},{"type":"paragraph","content":[{"type":"text","text":"— Native Framer contact form. No external services, no CMS, nothing to wire"}]},{"type":"paragraph","content":[{"type":"text","text":"up after you duplicate."}]},{"type":"paragraph","content":[{"type":"text","text":"— Desktop, tablet, and phone breakpoints. Every link and every page"}]},{"type":"paragraph","content":[{"type":"text","text":"connected."}]},{"type":"paragraph","content":[{"type":"text","text":"— SEO basics already done: a unique title and description on all 11 pages,"}]},{"type":"paragraph","content":[{"type":"text","text":"one H1 per page, zero dead links."}]},{"type":"paragraph","content":[{"type":"text","text":"Swap the name, the numbers, and the schedule. The structure, the copy, and"}]},{"type":"paragraph","content":[{"type":"text","text":"the components already know how a tutoring business sells."}]}]},"introduction":"Built by an actual math tutor.","slug":"mathlift","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a03113-427e-748e-8aa8-c310e92dce84.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2891,"height":1650}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a03113-4184-74f9-8c16-cedd8f116615.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2891,"height":1651}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a03113-4253-746a-9e60-37ef626e8684.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2891,"height":1649}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/01a03113-41a9-718b-aa7c-300708249e4c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2891,"height":1649}}],"post":null,"createdAt":"2026-08-24T00:02:28.932Z","updatedAt":"2026-08-24T00:02:28.932Z","publishedAt":"2026-08-24T00:02:28.929Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/b716f2df-5454-41c4-953f-40ff9176840e","remixUrl":null,"previewUrl":"https://invigorated-themes-630279.framer.app/","categories":[{"id":195,"name":"Business Blog","slug":"business-blog"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[],"mainCategory":{"id":114,"name":"Education","slug":"education"},"features":[{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T00:02:29.502Z","updatedAt":"2026-08-24T00:02:29.502Z"},{"id":"019fcd50-b282-7008-8261-cd84b6c8e7dd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"aqqrgWfHPm2CgfYT92Gd","resolved":true,"title":"Status Page","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Status pages are how SaaS products say \"you can rely on us\" — and today they usually mean a separate monitoring subscription or a hand-built page you forget to update. On the Framer marketplace there are status dots and gauges, but no actual /status page section."}]},{"type":"paragraph","content":[{"type":"text","text":"Status Page is that whole page in one drop. Three blocks in a single code component, each with its own toggle — an overall status banner, a services list, and an incident history accordion."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— An overall status banner with five semantic states — operational, degraded, partial outage, major outage, maintenance — that recolor the banner, dots, and chips from one dropdown"}]},{"type":"paragraph","content":[{"type":"text","text":"— A services list with per-service status, notes, and a 90-day uptime bar drawn deterministically from a single percentage — no data feed, no API keys"}]},{"type":"paragraph","content":[{"type":"text","text":"— A single-open incident history accordion with resolved/monitoring/investigating chips"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes with WCAG-checked semantic colors; one accent color for your brand"}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries, zero layout shift, no CMS — pure React and CSS"}]},{"type":"paragraph","content":[{"type":"text","text":"An honest note: this is a panel-managed status page, not a monitoring service. You update the status from the properties panel — which is exactly why it needs no subscriptions, no webhooks, and no setup. For most marketing sites, that is the whole job."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for B2B SaaS teams and agencies shipping client sites. Pair it with Trust Center — the /security page — for a complete trust family."}]}]},"introduction":"A whole status page. One drop.","slug":"status-page","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019fcd50-9a91-7015-b63c-b41597cd3c93.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":826}}],"post":null,"createdAt":"2026-08-04T15:07:25.265Z","updatedAt":"2026-08-04T15:07:25.265Z","publishedAt":"2026-08-04T15:07:25.261Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://wild-velociraptor-500196.framer.app/","price":"15","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/e48c9961-e510-4573-9717-4c99f89fadc2","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"5vjk5gWjr3cNe6mY8kQ6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T15:07:25.699Z","updatedAt":"2026-08-04T15:07:25.699Z"},{"id":"019fc660-f09d-721e-9937-33eff9913370","title":null,"body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone — solo creator here, shipping panel-driven code components"}]},{"type":"paragraph","content":[{"type":"text","text":"since June."}]},{"type":"paragraph","content":[{"type":"text","text":"A quick July recap, in case any of these help your projects:"}]},{"type":"paragraph","content":[{"type":"text","text":"Made free this week: Activity Toast, the rotating social-proof popup."}]},{"type":"paragraph","content":[{"type":"text","text":"It was one of my most-installed components, so it's now free for everyone."}]},{"type":"paragraph","content":[{"type":"text","text":"New in July:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Trust Center — while researching the marketplace I realized there was no"}]},{"type":"paragraph","content":[{"type":"text","text":"component for the /security page every B2B SaaS ships (compliance badges,"}]},{"type":"paragraph","content":[{"type":"text","text":"security features, a trust FAQ). So I built one: three blocks in a single"}]},{"type":"paragraph","content":[{"type":"text","text":"drop, each with its own toggle."}]},{"type":"paragraph","content":[{"type":"text","text":"- Docs Kit — a whole docs page (sidebar nav, body, scroll-synced TOC,"}]},{"type":"paragraph","content":[{"type":"text","text":"search) written from two textareas. No CMS collection to set up."}]},{"type":"paragraph","content":[{"type":"text","text":"- Announcement Bell — a navbar what's-new bell with a popover changelog."}]},{"type":"paragraph","content":[{"type":"text","text":"One-time purchase, no monthly fee."}]},{"type":"paragraph","content":[{"type":"text","text":"All of them are pure React + CSS — zero external libraries, zero layout"}]},{"type":"paragraph","content":[{"type":"text","text":"shift, everything configured from the properties panel. The paid ones are"}]},{"type":"paragraph","content":[{"type":"text","text":"on my profile if you want a look."}]},{"type":"paragraph","content":[{"type":"text","text":"Curious to hear from you all: what section or widget do you keep"}]},{"type":"paragraph","content":[{"type":"text","text":"rebuilding by hand on client sites? That's usually where my next"}]},{"type":"paragraph","content":[{"type":"text","text":"component comes from."}]}]},"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T06:47:49.666Z","updatedAt":"2026-08-03T06:47:49.666Z"},{"id":"019faeee-4d5c-71f9-b2a5-4248f66202c2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8dkOb30mJuMLhCkkXo84","resolved":true,"title":"Trust Center","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enterprise buyers read your security page before they book a call. Yet on the Framer marketplace you'll find password gates, captchas, and cookie banners — not the section that closes B2B deals: compliance badges, security practices, straight answers."}]},{"type":"paragraph","content":[{"type":"text","text":"Trust Center is that whole page in one drop. Three blocks in a single code component, each with its own toggle — run it as a full /security page, or keep just a compliance badge strip under your hero."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Compliance badge cards with five built-in shield-style glyphs and a per-badge image slot for your company's real badge artwork"}]},{"type":"paragraph","content":[{"type":"text","text":"— A security feature grid (2 or 3 columns) with 12 inline icons and realistic enterprise defaults — encryption, SSO & SAML, role-based access, backups, uptime, pen testing"}]},{"type":"paragraph","content":[{"type":"text","text":"— A single-open trust FAQ with smooth expand animation and full keyboard/ARIA support"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light and dark themes plus one accent color; opaque cards that hold up on any background"}]},{"type":"paragraph","content":[{"type":"text","text":"— Zero external libraries, zero layout shift, no CMS, no API keys — pure React and CSS"}]},{"type":"paragraph","content":[{"type":"text","text":"A note on defaults: badge labels like SOC 2 Type II and ISO 27001 ship as neutral placeholders with generic icons — no trademarked certification artwork is bundled. Relabel them to match your actual status in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for B2B SaaS teams and agencies shipping client sites. Need a standalone FAQ with Google schema? Pair it with SEO FAQ Accordion."}]}]},"introduction":"A whole trust page. One drop.","slug":"trust-center","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019faeee-31f4-727a-9088-f11a85a11349.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1440,"height":824}}],"post":null,"createdAt":"2026-07-29T17:31:20.290Z","updatedAt":"2026-07-29T17:31:20.290Z","publishedAt":"2026-07-29T17:31:20.287Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bewildered-elements-952103.framer.app/","price":"15","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/783b0ce8-85f7-4ea6-9a7b-8f79d9a2d0a9","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7lCD9gtkpXguEe8amvI0","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-07-29T17:31:20.796Z","updatedAt":"2026-07-29T17:31:20.796Z"},{"id":"019f68d0-f8cf-7343-98bb-38b42a3594c9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WQQ1ub9FgSkxD3AwvbSz","resolved":true,"title":"Docs Kit","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Table-of-contents components are everywhere on the marketplace — but a whole docs page (sidebar nav, a real body, a scroll-synced TOC, and search) usually means a CMS collection, a page builder, or a $40+ stack of separate plugins wired together."}]},{"type":"paragraph","content":[{"type":"text","text":"Docs Kit is that whole page in one drop: a 3-column layout — sidebar navigation, a markdown-lite body, and a scroll-synced table of contents — written entirely from two property-panel textareas. No CMS collection to set up, no separate TOC/sidebar/search plugins to wire together."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— A markdown-lite body with five supported blocks — headings, paragraphs, code fences with a copy button, three callout styles (info/warn/tip), and bullet lists — parsed live from a single textarea"}]},{"type":"paragraph","content":[{"type":"text","text":"— A scroll-synced table of contents that highlights the current section as visitors scroll, built automatically from your headings"}]},{"type":"paragraph","content":[{"type":"text","text":"— An instant sidebar search across your nav items and headings, with a clean empty state"}]},{"type":"paragraph","content":[{"type":"text","text":"— Responsive by design: the TOC hides under 1024px, and the sidebar collapses into a mobile drawer under 768px"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light/dark theme, single accent color, cross-fade transitions on every state change"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS help centers, API references, and product documentation pages that need the real thing — sidebar, body, TOC, and search — without standing up a CMS collection or stitching together several separate plugins."}]}]},"introduction":"A whole docs page. No CMS.","slug":"docs-kit","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019f68d0-df55-74ad-b71e-abfc5f13497f.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1440,"height":827}}],"post":null,"createdAt":"2026-07-16T02:45:52.927Z","updatedAt":"2026-07-16T02:45:52.927Z","publishedAt":"2026-07-16T02:45:52.921Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://blissful-principles-958242.framer.app/#quick-start","price":"20","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/672fe59a-904a-44f0-91af-2850e2f44670","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"hiln5K70Kuf7VP340CdT","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-07-16T02:45:53.487Z","updatedAt":"2026-07-16T02:45:53.487Z"},{"id":"019f6332-3384-766c-bcb1-b3a36fa37fc0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OEQFKdFz6VHU6MECWcHx","resolved":true,"title":"Announcement Bell","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Beamer, Headway, and similar \"what's new\" widgets start at $29/month just to show visitors a changelog popover. For a small SaaS or indie product, that's a recurring bill for something that's really just a bell icon and a panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Announcement Bell is a one-time, panel-driven navbar bell — unread badge, a click-open popover of recent updates, and localStorage-based read tracking — with zero external service and zero monthly fee."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— A compact bell button (default 40px) sized to sit right in your navbar, with a dot or count unread badge in a fixed-height slot — Zero Layout Shift whether it's showing or not"}]},{"type":"paragraph","content":[{"type":"text","text":"— A click-open popover panel listing your announcements — title, description, date, and an optional tag (\"New\", \"Fix\", \"Improved\") per item, with an optional link"}]},{"type":"paragraph","content":[{"type":"text","text":"— Read tracking stored only in the visitor's own browser (localStorage) — nothing is ever sent to an external endpoint, no webhook, no analytics call. This is a hard privacy guarantee, not just a missing feature"}]},{"type":"paragraph","content":[{"type":"text","text":"— Left/right panel placement so it never runs off the edge of your navbar"}]},{"type":"paragraph","content":[{"type":"text","text":"— A canvas-only \"open\" preview toggle so you can design around it without clicking"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light/dark theme, single accent color, cross-fade opacity+scale transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS and product marketing sites that want a real changelog bell in the navbar — without signing up for another monthly subscription just to tell visitors what shipped this week."}]}]},"introduction":"A what's-new bell. No monthly fee.","slug":"announcement-bell","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019f6332-1fff-77fe-a25c-3b1d5fa36c6a.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1440,"height":819}}],"post":null,"createdAt":"2026-07-15T00:34:21.897Z","updatedAt":"2026-07-15T00:34:21.897Z","publishedAt":"2026-07-15T00:34:21.894Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://first-goals-171242.framer.app/","price":"15","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/210962cd-8bf2-486d-971f-342e5e18e376","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"AUGYUuPfO6AYS9awIhBA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T00:34:22.213Z","updatedAt":"2026-07-15T00:34:22.213Z"},{"id":"019f5f3f-2c43-757e-8539-ea9aef4ba54a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Oxll9izAIWMthS3FUxvI","resolved":true,"title":"Careers Section","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most startup careers pages are either a static list hard-coded into the page, or a full job-board template ($79–149) that's overkill for a team with five open roles. Neither lets a visitor filter to their own department, and neither updates without touching layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Careers Section is a lightweight, panel-driven careers block — department filter chips, a role list, and an auto-counted \"open roles\" badge — with no CMS collection and no job-board plugin to wire up."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Department filter chips auto-extracted from your roles, with an optional per-chip count — set once, no manual tab wiring"}]},{"type":"paragraph","content":[{"type":"text","text":"— An \"N open roles\" header badge that auto-counts your total roles, in a fixed-height slot so it never shifts layout when it's empty"}]},{"type":"paragraph","content":[{"type":"text","text":"— A clean role list: title, department, location, and employment type on one line, with a real \"Apply →\" link per role (opens in a new tab, ATS or email link compatible)"}]},{"type":"paragraph","content":[{"type":"text","text":"— A configurable empty state for when hiring pauses — with an optional \"Send us your resume anyway\" fallback link"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light/dark theme, single accent color, cross-fade transitions on every filter and hover state"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for startup and SaaS marketing sites that need a real, working careers section — filterable, panel-driven, updated from the property panel — without standing up a full job board or a CMS collection for five roles."}]}]},"introduction":"Filterable roles list. No CMS.","slug":"careers-section","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019f5f3f-0d3b-7552-970c-19aaba6e4e55.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1440,"height":823}}],"post":null,"createdAt":"2026-07-14T06:10:03.143Z","updatedAt":"2026-07-14T06:10:03.143Z","publishedAt":"2026-07-14T06:10:03.139Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intelligent-gibbon-434119.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/2505565d-c821-4750-894e-14dab33d1c1b","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"F63tZS81Q0E6UC7fyjuz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T06:10:03.459Z","updatedAt":"2026-07-14T06:10:03.459Z"},{"id":"019f59ea-a8c3-744b-b108-32eabaebae6d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fOZ9W71HnT5EGOON02YW","resolved":true,"title":"Integrations Grid","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most /integrations pages on SaaS sites are either a static screenshot of logos or require wiring up a CMS collection just to make them searchable. Neither scales past a dozen tools, and neither lets a visitor actually find the one integration they came looking for."}]},{"type":"paragraph","content":[{"type":"text","text":"Integrations Grid bundles everything a real integrations page needs — live search, auto-extracted category chips, and a responsive logo tile grid — into one lightweight, dependency-free component."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Real-time search across name and description, case-insensitive, with a clean empty state"}]},{"type":"paragraph","content":[{"type":"text","text":"— Category chips auto-extracted from your items — set once, no manual tab wiring, and chips auto-hide with only one category"}]},{"type":"paragraph","content":[{"type":"text","text":"— Responsive tile grid (auto-fit columns) with an initials-avatar fallback for any integration without a logo yet"}]},{"type":"paragraph","content":[{"type":"text","text":"— Optional badges (\"Popular\", \"New\") with a fixed-height slot — Zero Layout Shift whether they're set or not"}]},{"type":"paragraph","content":[{"type":"text","text":"— Every card is a real link, opens in a new tab by default — no dead \"#\" placeholders"}]},{"type":"paragraph","content":[{"type":"text","text":"— Light/dark theme, single accent color, cross-fade transitions on every state change"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS marketing sites and no-code builders that want a real, working integrations page — search and filters included — without wiring up a CMS collection or hard-coding a static screenshot."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Sharing prompts instead of integrations? See Prompt Library — the same search-and-chips grid, with fill-in blanks, one-click copy, and Open in ChatGPT or Claude."}]},{"type":"paragraph","content":[{"type":"text","text":"Selling digital products? See Storefront Grid — the same search-and-chips grid with prices, savings badges, a details panel and Buy links."}]}]},"introduction":"Search, filters, a logo grid page.","slug":"integrations-grid","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/019f59ea-90f4-775e-881d-61f0b8af6eb3.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1424,"height":825}}],"post":null,"createdAt":"2026-07-13T05:19:38.422Z","updatedAt":"2026-09-24T08:05:34.119Z","publishedAt":"2026-07-13T05:19:38.418Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://knowingly-report-318672.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/80aa619c-25d7-43e0-b3b5-a41f224fb999","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"9N3o4LRA2rmF7sMHolgz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T05:19:38.691Z","updatedAt":"2026-07-13T05:19:38.691Z"},{"id":"019f4468-2aba-7408-bac9-7e59f8bf36c4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dO3eGlpyRW9wzPFDeeUV","resolved":true,"title":"Dashboard Kit","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most SaaS landing pages live or die on the hero image, but a real product screenshot usually isn't ready in time — or it looks nothing like the rest of the page. Stock mockups feel generic, and building a custom dashboard graphic from scratch eats design time you don't have."}]},{"type":"paragraph","content":[{"type":"text","text":"Dashboard Kit drops in as a complete, animated SaaS dashboard mockup — framed in a browser window with a URL bar, ready to sit in your hero the moment you drag it onto the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Five widgets in one component: KPI cards with count-up numbers, a line/bar chart, a donut plus two progress rings, a striped data table, and an optional activity feed"}]},{"type":"paragraph","content":[{"type":"text","text":"— Three ready-made presets — Analytics, Revenue, CRM — swap the entire dataset with one click"}]},{"type":"paragraph","content":[{"type":"text","text":"— Scroll-triggered animations: KPIs count up, the chart draws in, rings fill — all gated so nothing fires until it's in view"}]},{"type":"paragraph","content":[{"type":"text","text":"— Pure SVG and CSS, no Chart.js or external chart library"}]},{"type":"paragraph","content":[{"type":"text","text":"— Toggle any of the five widgets on or off, edit every value, switch light/dark, adjust the accent color"}]},{"type":"paragraph","content":[{"type":"text","text":"Note: presets swap the whole dataset at once — pick a preset first, then fine-tune individual fields on top of it rather than mixing edits across presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS landing pages, portfolio case studies, and pitch decks that need a living product screenshot without a real product to screenshot."}]}]},"introduction":"One drop, a living SaaS dashboard.","slug":"dashboard-kit","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/ya9vr8im","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1440,"height":823}}],"post":null,"createdAt":"2026-07-09T01:05:04.891Z","updatedAt":"2026-09-22T13:09:39.478Z","publishedAt":"2026-07-09T01:05:04.886Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://positive-blackberry-822730.framer.app/","price":"12","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/f56c40fc-18fb-4c97-96c7-08aefa617829","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"CUsixi8zclSPUtYQkWMF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T01:05:05.210Z","updatedAt":"2026-07-09T01:05:05.210Z"},{"id":"019f40bf-2ca2-71bd-b6d8-f66ae34f114d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XaAL5MJNd0NMRWcKaHUg","resolved":true,"title":"Data Table Pro","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most Framer data tables need either a live API connection or a plugin subscription just to show a sortable list. If your data is just sitting in a spreadsheet or a CSV export, that's a lot of setup for something that should take seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Data Table Pro takes data three ways — paste raw CSV, point at a published Google Sheet, or fetch a JSON array — and turns it into a sortable, searchable, paginated table. No API key, no external library, no monthly plugin fee."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Three data sources: paste CSV directly, a published Google Sheet CSV URL, or a JSON array URL"}]},{"type":"paragraph","content":[{"type":"text","text":"— Hand-written CSV parser that handles quoted fields, escaped quotes, CRLF/LF line endings, and ragged rows"}]},{"type":"paragraph","content":[{"type":"text","text":"— Click-to-sort headers with automatic numeric detection (handles \"$1,234\" and \"98%\"), cycling asc → desc → none"}]},{"type":"paragraph","content":[{"type":"text","text":"— Global search across every cell, resets to page one automatically"}]},{"type":"paragraph","content":[{"type":"text","text":"— Pagination with a configurable page size, loading/error/empty states built in"}]},{"type":"paragraph","content":[{"type":"text","text":"— Horizontal-scroll-safe layout — never breaks your page width, even with wide tables"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for SaaS dashboards, internal tools, and marketing sites that need to show real tabular data — pricing tiers, customer lists, comparison sheets — without wiring up a backend."}]}]},"introduction":"CSV, Sheets, JSON. Sort & search.","slug":"data-table-pro","author":{"framerUserId":"3c3a050e-de48-4606-9543-56ae1f8cec24","name":"Isaac Yi","slug":"yi-isaac","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/4lbl4j4n","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c3a050e-de48-4606-9543-56ae1f8cec24/vhidecz0","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1440,"height":823}}],"post":null,"createdAt":"2026-07-08T08:01:38.417Z","updatedAt":"2026-09-22T13:10:09.793Z","publishedAt":"2026-07-08T08:01:38.411Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://predictable-context-543486.framer.app/","price":"10","paymentUrl":"https://isaaccomponents.lemonsqueezy.com/checkout/buy/c4f4b764-9397-457a-a0dd-b5343e6ded61","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"G3L8cB7sKlsCh5SCqhgL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-08T08:01:38.466Z","updatedAt":"2026-07-08T08:01:38.466Z"}],"pagination":{"next":"MDE5ZjQwYmYtMmNhMi03MWJkLWI2ZDgtZjY2YWUzNGYxMTRk","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L70"}]