53:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1gl7m3qr67uw7.js","/creators-assets/_next/static/immutable/chunks/0_aohzx8_x6oa.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/0t3q4gzvfui5n.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/30smfjlh8o71p.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/2a2w_2tavj0_e.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/3xi9_0nh8wp68.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/2k4fp8uwg758i.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/05jm9t-fm5ei_.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1an0rrmx8vr9j.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2q-c5-h7837do.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 54:T6ca,

Northlight is a portfolio for designers whose work is loud on purpose: identity, packaging, editorial and campaign people who want their site to feel like one of their own posters.

Every page opens with one huge word. Every project brings its own colour, which floods its row on hover, fills its page header and carries through to the next-project block. The grid is strict, the stickers sit crooked, and the personality lives in the hover.

What you get

• 6 pages: Home, Work, Project, About, Contact and a custom 404, plus a Style Guide page

• Projects and Tags in the CMS: add a project, pick its colour, and the rows, grid and project page follow

• Desktop, tablet and phone layouts, each with its own decisions

• 11 colour styles and 18 text styles: change six colours and three fonts and the whole site is yours

• One button component, a contact call-out, stickers and tags as components

• Hover effects built with native Framer variants: row flood with cover thumbnail, a View cursor on project tiles, rolling button labels, wiggling stickers

• Contact page with a mailto link and a simple form

• Page titles, descriptions, social image and favicon set up

Good to know

• Fonts are free Google fonts: Bricolage Grotesque, Instrument Sans and DM Mono

• Smooth scrolling is the only code component; delete it and the site still works

• The contact form needs your own address under Send To before it delivers

• The persona, clients and project images are fictional samples; replace them with your own work

Support: hello@joelcimpean.com

55:T740,

Morph Waitlist

One button that springs open into an email field, validates the address, shows a loading state and morphs into "You're on the waitlist" with a short brand-colored confetti burst – drawn inline, no packages.

Included

Closed button → field → success in one component · Fit Content or Fill · validation, spinner, inline error, duplicate state · confetti in your accent color (respects reduced motion) · separate mobile sizing · Enter to submit, keyboard accessible · optional auto-reset.

Backend

Sends POST {"email": "…"} as JSON to the Endpoint URL you set. Works with Supabase, Formspree, Make, n8n, Zapier or your own API; rename the JSON key via Field Name. Preview Mode shows the animation without sending – turn it off before launch.

Setup help

Paste into ChatGPT or Claude:

"A Framer component POSTs {"email":"…"} as JSON to an endpoint, optionally with an apikey/Bearer header; the JSON key is renamable. I want to store emails in ‹Supabase/Airtable/Make/Notion/my API›. Tell me step by step: how to create the destination, the exact endpoint URL, whether I need a key, the field name, how to return HTTP 409 for duplicates, and any CORS setting for my Framer site. Keep it short."

Privacy

Emails go only to the endpoint you configure. The creator never receives or stores any data. You're responsible for your site's privacy notice.

License

Free for unlimited personal and client projects (Framer Limited Commercial License). No resale as a standalone asset.

Support hello@joelcimpean.com

56:T71c,

Tiered Pricing

Pricing for products that charge by usage. Up to three plans, each with its own credit slider (2–6 tiers); the price rolls to the new number. Monthly/yearly toggle with discount badge – you enter the exact yearly prices, nothing is calculated.

Included

Per-plan sliders · 4 number animations · info tooltips · highlight + badge on any plan · credits icon (5 built-in or your own image) · number locale, currency prefix, CTA units · colors, radius, font, slider look · responsive, accessible, no external packages.

Setup

Each plan has a Tiers box, one line per tier: credits | monthly | yearly. Features one per line, tooltip via Label | Tooltip. Add your own heading above the component.

Let AI fill it in

Paste into ChatGPT or Claude:

"Give me property values for a Framer pricing component, nothing else. Product: ‹…›. Unit customers pay for: ‹credits/seats/…›. Plans: ‹2 or 3, names›. Highlight: ‹which›. Currency: ‹$›. Yearly discount: ‹…›. Price range: ‹…›. Output per plan: Name; Description (max 90 chars); Highlight Yes/No; Badge; Default tier (1–4); Tiers as 3–4 lines 'credits | monthly | yearly' (whole numbers, no symbols, yearly matching my discount); Features as 5–8 lines, up to 2 with a tooltip as 'Feature | limit'. Also: Credits label, discount badge (max 15 chars), yearly note, CTA text. Realistic rising prices; higher plans start with 'Everything in ‹previous›'."

License

Single-Use Commercial License: one purchase, one project. No resale.

Support hello@joelcimpean.com

52:["$","$L53",null,{"value":{"fallback":{"$inf$activity-creator-068c9b5d-8e4f-498b-ab2b-a707fae9470c-all:/unified/creator/068c9b5d-8e4f-498b-ab2b-a707fae9470c/activity/":[{"data":[{"id":"01a108d3-d32f-769a-ad18-afa26c97ef3c","type":"template.created","target":{"type":"template","id":"74703","preview":"Northlight Folio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-5af2-768c-8318-dd22561708ac.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T21:31:02.319Z","latestAt":"2026-10-04T21:31:02.319Z"},{"id":"01a10811-6a78-7298-893d-f570913a0e3e","type":"template.created","target":{"type":"template","id":"74691","preview":"Slow Shutter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-4576-770f-9cbb-5a6054e426e8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T17:58:41.528Z","latestAt":"2026-10-04T17:58:41.528Z"},{"id":"01a10340-ae88-705b-aa0d-b6734200a71c","type":"component.created","target":{"type":"component","id":"fz1B6H2xlLhfQTWzXowN","preview":"Morph Waitlist","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10340-72b7-7598-8b74-18c6c3dbe025.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T19:32:13.064Z","latestAt":"2026-10-03T19:32:13.064Z"},{"id":"01a1032f-aadc-733b-a79c-dfbb84179bc4","type":"component.created","target":{"type":"component","id":"3dqMb1sZ6FCljhZXB86U","preview":"Tiered Pricing","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10322-2bc4-759a-943a-83e2d2960c1d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T19:13:38.012Z","latestAt":"2026-10-03T19:13:38.012Z"},{"id":"019ed6a3-b993-75fa-ab5a-88ff7990281d","type":"creator.followed","target":{"type":"creator","id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","preview":"Jorn van Dijk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29589/cqFVF7952-l2jqnGwomkIsBoDtYdLMJIesrijJId","slug":"jornvandijk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T17:31:54.637Z","latestAt":"2026-06-17T17:31:54.637Z"},{"id":"019ed6a3-b214-766e-bf23-02777cf1e2ed","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T17:31:52.721Z","latestAt":"2026-06-17T17:31:52.721Z"},{"id":"019ed69f-bbcf-777d-9089-903d3e345507","type":"creator.followed","target":{"type":"creator","id":"15be6986-2a75-4705-ab67-dcab085a8741","preview":"Amos Cimpean","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/15be6986-2a75-4705-ab67-dcab085a8741/6v8si36c","slug":"amos-cimpean","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T17:27:33.067Z","latestAt":"2026-06-17T17:27:33.067Z"},{"id":"019ed696-cf68-72aa-a0c0-d7ae7b8304d6","type":"post.liked","target":{"type":"post","id":"019ed68a-d06d-7448-be19-6a362bda6e57","preview":"⏯ The click wheel you loved, reborn in your browser. Spin to scroll. Flip through Cover Flow. Feel the music the way you remember it — on your desktop, in your pocket, everywhere. A loving tribute to the iPod Classic, rebuilt with Framer Agents. ⏯","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"play_or_pause_button","emoji":"⏯"}},{"type":"text","text":" The click wheel you loved, reborn in your browser. Spin to scroll. Flip through Cover Flow. Feel the music the way you remember it — on your desktop, in your pocket, everywhere. A loving tribute to the iPod Classic, rebuilt with Framer Agents. "},{"type":"emoji","attrs":{"name":"play_or_pause_button","emoji":"⏯"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed68a-d06d-7448-be19-6a362bda6e57","like":{"count":33,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","slug":"joel-cimpean","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T17:17:48.259Z","latestAt":"2026-06-17T17:17:48.259Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:068c9b5d-8e4f-498b-ab2b-a707fae9470c:/unified/posts/?creator=068c9b5d-8e4f-498b-ab2b-a707fae9470c&with=reposts":[{"data":[{"id":"01a108d3-d0eb-765e-b597-0f997ac09028","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74703","resolved":true,"title":"Northlight Folio","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Northlight is a portfolio for designers whose work is loud on purpose: identity, packaging, editorial and campaign people who want their site to feel like one of their own posters."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page opens with one huge word. Every project brings its own colour, which floods its row on hover, fills its page header and carries through to the next-project block. The grid is strict, the stickers sit crooked, and the personality lives in the hover."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 6 pages: Home, Work, Project, About, Contact and a custom 404, plus a Style Guide page"}]},{"type":"paragraph","content":[{"type":"text","text":"• Projects and Tags in the CMS: add a project, pick its colour, and the rows, grid and project page follow"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone layouts, each with its own decisions"}]},{"type":"paragraph","content":[{"type":"text","text":"• 11 colour styles and 18 text styles: change six colours and three fonts and the whole site is yours"}]},{"type":"paragraph","content":[{"type":"text","text":"• One button component, a contact call-out, stickers and tags as components"}]},{"type":"paragraph","content":[{"type":"text","text":"• Hover effects built with native Framer variants: row flood with cover thumbnail, a View cursor on project tiles, rolling button labels, wiggling stickers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Contact page with a mailto link and a simple form"}]},{"type":"paragraph","content":[{"type":"text","text":"• Page titles, descriptions, social image and favicon set up"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Fonts are free Google fonts: Bricolage Grotesque, Instrument Sans and DM Mono"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth scrolling is the only code component; delete it and the site still works"}]},{"type":"paragraph","content":[{"type":"text","text":"• The contact form needs your own address under Send To before it delivers"}]},{"type":"paragraph","content":[{"type":"text","text":"• The persona, clients and project images are fictional samples; replace them with your own work"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":": hello@joelcimpean.com"}]}]},"introduction":"Big type portfolio for designers","slug":"northlight-folio","author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-5af2-768c-8318-dd22561708ac.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-636d-74cb-88c6-d32db26e7d5a.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-6a3e-723f-8c37-ca36b5c66d72.png","metadata":{"tint":{"h":10,"s":93,"l":30},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-7384-72f1-b50e-3e52035ed6ac.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-7d61-73ff-9da8-8460c2e36cf0.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T21:31:01.116Z","updatedAt":"2026-10-04T21:31:01.116Z","publishedAt":"2026-10-04T21:31:01.113Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://contra.com/payment-link/sd4abB3u-northlight-framer-template","remixUrl":null,"previewUrl":"https://northlight.framer.media/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-04T21:31:01.739Z","updatedAt":"2026-10-04T21:31:01.739Z"},{"id":"01a10811-685d-73a0-8ad6-ade68b38b780","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74691","resolved":true,"title":"Slow Shutter","body":"

Slow Shutter is a quiet, monochrome portfolio for independent designers and art directors. A slow grey gradient drifts behind the content, covers sharpen as you hover, and page titles change letter by letter between pages.

Pages: Home, Work, Project (CMS), About, Contact, 404, Style Guide.

Includes: Projects and Tags collections, a contact form with sending, sent and error states, 10 components, color and text styles, desktop, tablet and phone layouts.

Setup: set where the contact form sends submissions; replace the demo projects, images and email address.

Good to know: page fade transitions run in Chromium browsers and fall back to instant elsewhere. The page title's font is set on its component (see the Style Guide). Two small code components are included: the page title and an optional fallback background.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slow Shutter is a quiet, monochrome portfolio for independent designers and art directors. A slow grey gradient drifts behind the content, covers sharpen as you hover, and page titles change letter by letter between pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Work, Project (CMS), About, Contact, 404, Style Guide. "}]},{"type":"paragraph","content":[{"type":"text","text":"Includes:","marks":[{"type":"bold"}]},{"type":"text","text":" Projects and Tags collections, a contact form with sending, sent and error states, 10 components, color and text styles, desktop, tablet and phone layouts. "}]},{"type":"paragraph","content":[{"type":"text","text":"Setup:","marks":[{"type":"bold"}]},{"type":"text","text":" set where the contact form sends submissions; replace the demo projects, images and email address. "}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know:","marks":[{"type":"bold"}]},{"type":"text","text":" page fade transitions run in Chromium browsers and fall back to instant elsewhere. The page title's font is set on its component (see the Style Guide). Two small code components are included: the page title and an optional fallback background."}]},{"type":"paragraph"}]},"introduction":"Minimal portfolio for designers","slug":"slow-shutter","author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-4576-770f-9cbb-5a6054e426e8.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-6b3c-7682-aaaa-dde660f2a2f5.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-8983-708b-971c-9a09cc7d4f6a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-9868-738f-8e3f-62e379ff21de.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10810-ac5f-710b-9016-e0d25f3e640a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T17:58:40.388Z","updatedAt":"2026-10-04T18:24:45.002Z","publishedAt":"2026-10-04T17:58:40.386Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.com/remix/kxmQ7z42bbwr2fLyEuOp","remixUrl":"https://framer.com/remix/kxmQ7z42bbwr2fLyEuOp","previewUrl":"https://personal-series-530781.framer.app/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-04T17:58:40.989Z","updatedAt":"2026-10-04T17:58:40.989Z"},{"id":"01a10340-ac62-712a-beca-adca06d87bb8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fz1B6H2xlLhfQTWzXowN","resolved":true,"title":"Morph Waitlist","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Morph Waitlist","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"One button that springs open into an email field, validates the address, shows a loading state and morphs into \"You're on the waitlist\" with a short brand-colored confetti burst – drawn inline, no packages."}]},{"type":"paragraph","content":[{"type":"text","text":"Included","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Closed button → field → success in one component · Fit Content or Fill · validation, spinner, inline error, duplicate state · confetti in your accent color (respects reduced motion) · separate mobile sizing · Enter to submit, keyboard accessible · optional auto-reset."}]},{"type":"paragraph","content":[{"type":"text","text":"Backend","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Sends POST {\"email\": \"…\"} as JSON to the Endpoint URL you set. Works with Supabase, Formspree, Make, n8n, Zapier or your own API; rename the JSON key via Field Name. Preview Mode shows the animation without sending – turn it off before launch."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup help","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Paste into ChatGPT or Claude: "}]},{"type":"paragraph","content":[{"type":"text","text":"\"A Framer component POSTs {\"email\":\"…\"} as JSON to an endpoint, optionally with an apikey/Bearer header; the JSON key is renamable. I want to store emails in ‹Supabase/Airtable/Make/Notion/my API›. Tell me step by step: how to create the destination, the exact endpoint URL, whether I need a key, the field name, how to return HTTP 409 for duplicates, and any CORS setting for my Framer site. Keep it short.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Privacy","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Emails go only to the endpoint you configure. The creator never receives or stores any data. You're responsible for your site's privacy notice."}]},{"type":"paragraph","content":[{"type":"text","text":"License","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Free for unlimited personal and client projects (Framer Limited Commercial License). No resale as a standalone asset."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"hello@joelcimpean.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@joelcimpean.com","target":"_blank"}}]}]}]},"introduction":"Expanding waitlist with confetti","slug":"morph-waitlist","author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10340-72b7-7598-8b74-18c6c3dbe025.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-03T19:32:11.915Z","updatedAt":"2026-10-03T19:32:11.915Z","publishedAt":"2026-10-03T19:32:11.912Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/MorphWaitlist-8q360I.js@zmxgZMB38HSPGrs1BEzn","previewUrl":"https://considerate-presentation-070243.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"zmxgZMB38HSPGrs1BEzn","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-03T19:32:12.514Z","updatedAt":"2026-10-03T19:32:12.514Z"},{"id":"01a1032f-a895-7628-bb9a-6f65ef6e8436","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[],"resources":[{"id":"3dqMb1sZ6FCljhZXB86U","resolved":true,"title":"Tiered Pricing","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tiered Pricing","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pricing for products that charge by usage. Up to three plans, each with its own credit slider (2–6 tiers); the price rolls to the new number. Monthly/yearly toggle with discount badge – you enter the exact yearly prices, nothing is calculated."}]},{"type":"paragraph","content":[{"type":"text","text":"Included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Per-plan sliders · 4 number animations · info tooltips · highlight + badge on any plan · credits icon (5 built-in or your own image) · number locale, currency prefix, CTA units · colors, radius, font, slider look · responsive, accessible, no external packages."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Each plan has a Tiers box, one line per tier: credits | monthly | yearly. Features one per line, tooltip via Label | Tooltip. Add your own heading above the component."}]},{"type":"paragraph","content":[{"type":"text","text":"Let AI fill it in","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Paste into ChatGPT or Claude: "}]},{"type":"paragraph","content":[{"type":"text","text":"\"Give me property values for a Framer pricing component, nothing else. Product: ‹…›. Unit customers pay for: ‹credits/seats/…›. Plans: ‹2 or 3, names›. Highlight: ‹which›. Currency: ‹$›. Yearly discount: ‹…›. Price range: ‹…›. Output per plan: Name; Description (max 90 chars); Highlight Yes/No; Badge; Default tier (1–4); Tiers as 3–4 lines 'credits | monthly | yearly' (whole numbers, no symbols, yearly matching my discount); Features as 5–8 lines, up to 2 with a tooltip as 'Feature | limit'. Also: Credits label, discount badge (max 15 chars), yearly note, CTA text. Realistic rising prices; higher plans start with 'Everything in ‹previous›'.\""}]},{"type":"paragraph","content":[{"type":"text","text":"License","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Single-Use Commercial License: one purchase, one project. No resale."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"hello@joelcimpean.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@joelcimpean.com","target":"_blank"}}]}]}]},"introduction":"Pricing cards with credit sliders","slug":"tiered-pricing","author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a10322-2bc4-759a-943a-83e2d2960c1d.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-03T19:13:36.822Z","updatedAt":"2026-10-03T19:20:00.626Z","publishedAt":"2026-10-03T19:13:36.819Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://enlightened-moment-588431.framer.app/","price":"29","paymentUrl":"https://contra.com/payment-link/bz1rVY19-tiered-pricing-framer-component","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4XkZ2qlfJYXqg8wREB62","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-03T19:13:37.429Z","updatedAt":"2026-10-03T19:13:37.429Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]