5c:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31t_i-sjkqwxc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1hrrs8zq4ee_v.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0kwdy8yc-c0ba.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 5d:T890,

A careers list you can set up in minutes — with deadlines that count themselves down.

Roles close on their own. Give a role a closing date and it carries a live countdown — D-7, D-1 in red when it is nearly over, then a grey Closed pill and a dimmed row once the date passes. Nobody has to remember to take anything down.

Dates can be relative. Write +14d instead of a date and the deadline moves with the day the page is read. Handy for evergreen postings, and it means the example roles never look expired.

One thing to click. The whole row is the application link — no button hunting, the way real job boards work. Hover a role and a Copy link chip puts yoursite.com/careers?role=senior-product-designer on the clipboard, so you can send one role to one candidate.

No CMS setup. Roles are edited right in the properties panel — a five-role startup page takes minutes, and nothing breaks when you rearrange the layout.

Filters build themselves. Type a role's team and location and the filter chips appear on their own. A Reset button shows up only once something is filtered.

34 properties, all on the canvas: Roles (title · team · location · type · apply link · closing date · featured) · Heading · Count · Search · Search hint · Team filter · Location filter · Type filter · All label · Reset button · Deadlines · Open label · Closed label · Countdown · Last day · Closes prefix · Hide closed · Shareable links · Link button · Copied label · Featured tag · Empty title · Empty body · Gap · Radius · Size · Text · Muted · Card · Border · Accent · Open text · Open fill · Urgent

Built to behave. Every role shows on the Framer canvas so you can lay the page out without fighting filters. The countdown is read after the page mounts, so server and browser never disagree. Uses replaceState, so clicking through roles never fills the Back button. The count text is a template — {n} open role|roles — so it says "1 open role", not "1 open roles".

5e:T46d,

A section navigation that highlights where you are on the page.

This is not a table of contents. It does not read headings out of an article. You name the sections you already have on the canvas, and the matching link lights up as each one reaches the top of the viewport.

Setting it up takes a minute. Give each section an ID in Framer's right panel, then list them here as "Label: section-id". Clicking a link scrolls to that section.

13 properties, all on the canvas: Sections · Vertical or horizontal · Marker (line / dot / none) · Smooth scroll · Top offset · Gap · Size · Weight · Tracking · Marker size · Idle · Active · Marker color

Top offset accounts for a fixed header, so sections land below it instead of underneath.

Built to behave: uses IntersectionObserver, not a scroll listener, so it costs nothing while you scroll. On the canvas the first item shows as active, so the nav never looks broken while you design.

Auto width · auto height.

Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack

5f:T475,

An age confirmation gate that covers the page until answered, then remembers the answer.

It never covers your canvas. While you are designing, it renders as an inline card instead of a full-screen overlay — so it stays out of the way while you work, and thumbnails come out clean. Only a real visitor gets the real gate.

It remembers. Set how many days the answer lasts. Set it to 0 and it asks on every visit. Change the storage key to ask everyone again after a policy change.

16 properties, all on the canvas: Min age · Heading · Body · Confirm · Deny · Denied message · Remember (days) · Storage key · Card width · Radius · Backdrop · Card · Text · Muted · Button · Button text

Built to behave: marked up as a dialog for screen readers. Nothing renders until the saved answer is known, so it never flashes at someone who already confirmed. Private browsing cannot break it — if the browser refuses to save, the gate still works for that visit.

Any layout width and height.

Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack

60:T4dc,

A segmented verification code field — the kind you see after "we sent you a code".

Framer's native form fields are Text, Checkbox, Radio and Select only, so there is no way to build one on the canvas. Three things make or break an OTP field, and this handles all three.

Typing moves forward. Each character lands in its own box and focus advances.

Backspace moves back. On an empty box it clears the one before it and steps back.

Pasting fills everything. Paste "739 2045" into a 6-digit field and it strips the space, fills all six boxes, and drops the extra character.

autocomplete="one-time-code" is set, so browsers offer the SMS code above the keyboard.

16 properties, all on the canvas: Digits (2-12) · Numbers or letters+numbers · Mask · Auto focus · Placeholder · Box size · Gap · Radius · Size · Border width · Text · Box fill · Empty · Filled · Focus · Error

The assembled code is carried in a hidden field named "code", so a surrounding Framer form submits it with everything else.

Auto width · auto height.

Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack

61:T826,

Framer has no password field. Its native form inputs are Text, Checkbox, Radio and Select — so a sign-up or reset page either ships without one, or gets rebuilt outside Framer. This is the field set Framer is missing.

Everything happens in the browser. The component checks the password locally and never transmits anything, anywhere. There is no endpoint to configure and no request to inspect.

The strength meter. Five checks run on every keystroke: length, lowercase, uppercase, number, symbol. The bar fills, the colour shifts, the checklist ticks off. Set how many must pass before the password counts as accepted.

Drop it into a form you already have. Every field carries a real name, so a Framer form submits it with everything else. Nothing to wire up.

Or use it on its own. Turn on the submit button and it validates the fields locally, then fires On submit so you can wire it to whatever the page should do next.

It says what is missing, once. Empty email, invalid email, weak password, mismatched confirmation — one message at a time, and only after they try to submit.

Matches your design. Labels, colours, bar height, spacing, radius, type size and every colour in the field set are canvas properties.

27 properties, all on the canvas: ID field (Email · Username · Phone) · ID hint · ID name · Password hint · Password name · Confirm field · Confirm hint · Mismatch message · Require · Show/hide · Checklist · Submit button · Submit label · Error · On submit · Labels · Colors · Bar · Gap · Radius · Size · Text · Muted · Field · Border · Accent

Properties you are not using hide themselves — turn the ID field off and its three settings go away.

⚠️ A note on real accounts: a password collected through a Framer form lands in your form inbox in readable text. For real accounts, take the submission outside Framer.

Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack

5b:["$","$L5c",null,{"value":{"fallback":{"$inf$activity-creator-47685d3d-69c0-4492-beb7-d25920656403-all:/unified/creator/47685d3d-69c0-4492-beb7-d25920656403/activity/":[{"data":[{"id":"01a0366b-eb93-738b-b4ba-46edfb29777c","type":"component.created","target":{"type":"component","id":"AYyRW6qVVDZsjogDvDwT","preview":"Job Board Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/01a03438-331f-709f-8099-bd0d8506cf3e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-25T00:57:17.459Z","latestAt":"2026-08-25T00:57:17.459Z"},{"id":"019fe675-19ca-743d-a964-3e1a8e49a223","type":"component.created","target":{"type":"component","id":"qmgWfPA2bqn9oLd78sUx","preview":"Scrollspy Nav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019feff7-4427-7559-9016-b7d61b5b0048.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-09T12:17:41.834Z","latestAt":"2026-08-09T12:17:41.834Z"},{"id":"019fe66f-67b4-75ad-95ba-ef5ebb5474c9","type":"component.created","target":{"type":"component","id":"YKzNLZjmJu9Gx9opv67g","preview":"Age Gate","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff08d-615f-7229-abb0-872734b28cc5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-09T12:11:28.564Z","latestAt":"2026-08-09T12:11:28.564Z"},{"id":"019fe669-346d-7639-ad19-a6de24819e8a","type":"component.created","target":{"type":"component","id":"Fqlgf0E8yGx04FOSCP4C","preview":"OTP Input","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff08f-7939-771b-b3c4-491c53045791.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-09T12:04:42.221Z","latestAt":"2026-08-09T12:04:42.221Z"},{"id":"019fe662-bff4-713f-81de-5dee90437804","type":"component.created","target":{"type":"component","id":"bmPFr3QFAD0IClEVkJRu","preview":"Password Meter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019fe768-a37d-7388-87a3-eee857a2d997.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-09T11:57:39.188Z","latestAt":"2026-08-09T11:57:39.188Z"},{"id":"019fe222-e3aa-7024-a465-dc0e3e2300da","type":"component.created","target":{"type":"component","id":"v6blXqJ8JfO6Kb4DJ4JH","preview":"SteadyMarquee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff091-72dc-77c8-9a3d-c8ca271a567a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-08T16:09:25.162Z","latestAt":"2026-08-08T16:09:25.162Z"},{"id":"019fc23c-a078-7632-8c53-3685d5fbb016","type":"plugin.liked","target":{"type":"plugin","id":"364","preview":"Workshop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/364-rrl7ReRfV9Nblb6OrBgD3R1FifFSUm","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-02T11:29:40.979Z","latestAt":"2026-08-02T11:29:40.979Z"},{"id":"019fb99a-86c0-749c-b036-0e9b42ba7a34","type":"plugin.liked","target":{"type":"plugin","id":"460","preview":"Hugeicons","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/460-KjvTupyMteNYVo1PUM3UurDM8UFPN7","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-31T19:15:39.832Z","latestAt":"2026-07-31T19:15:39.832Z"},{"id":"019fb972-412c-7263-aad5-99f307238baa","type":"plugin.liked","target":{"type":"plugin","id":"829","preview":"Edit Image","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/829-LtjaqdisLXh2Axhw3BeJqe6kYRW9r0","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-31T18:31:40.582Z","latestAt":"2026-07-31T18:31:40.582Z"},{"id":"019fb972-3153-74c9-a93b-2c7514b27192","type":"plugin.liked","target":{"type":"plugin","id":"446","preview":"MCP","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/446-nlBg8NyAtIRHaRABqP6o52L6w3IXfJ","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-31T18:31:36.524Z","latestAt":"2026-07-31T18:31:36.524Z"},{"id":"019fb960-86fb-701a-a46f-a3d63314fa33","type":"template.liked","target":{"type":"template","id":"59961","preview":"Das Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/59961/das-studio-Euv2CmxIxCPNBAOqdDqDYz69r55UUK","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-31T18:12:18.804Z","latestAt":"2026-07-31T18:12:18.804Z"},{"id":"019fb957-c58a-71e9-a37e-a58601313df2","type":"template.liked","target":{"type":"template","id":"50744","preview":"Fabrica","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e77c8d2c-881f-46e7-b945-68aebec62cb0/j084yk2i","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","slug":"vivi-park","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-31T18:02:44.997Z","latestAt":"2026-07-31T18:02:44.997Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:47685d3d-69c0-4492-beb7-d25920656403:/unified/posts/?creator=47685d3d-69c0-4492-beb7-d25920656403&with=reposts":[{"data":[{"id":"01a0369b-e89c-712f-b772-daeefce215eb","title":null,"body":"

Job Board Pro is live — a careers section with deadlines that count themselves down. Set a closing date and the role goes D-7 → D-1 (red) → Closed on its own. No CMS needed.

Launch week: 100% off with code LAUNCH100 (until Sep 8). Feedback very welcome.

https://www.framer.com/community/marketplace/components/job-board-pro/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Job Board Pro is live — a careers section with deadlines that count themselves down. Set a closing date and the role goes D-7 → D-1 (red) → Closed on its own. No CMS needed."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Launch week: 100% off with code LAUNCH100 (until Sep 8). Feedback very welcome."}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.framer.com/community/marketplace/components/job-board-pro/"}]}]},"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/01a0369b-a7c1-77de-88b6-e963d399614d.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-25T01:49:42.431Z","updatedAt":"2026-08-25T01:49:42.431Z"},{"id":"01a0366b-e970-736f-bd59-93c7bb21c9ba","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"AYyRW6qVVDZsjogDvDwT","resolved":true,"title":"Job Board Pro","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A careers list you can set up in minutes — with deadlines that count themselves down."}]},{"type":"paragraph","content":[{"type":"text","text":"Roles close on their own. Give a role a closing date and it carries a live countdown — D-7, D-1 in red when it is nearly over, then a grey Closed pill and a dimmed row once the date passes. Nobody has to remember to take anything down."}]},{"type":"paragraph","content":[{"type":"text","text":"Dates can be relative. Write +14d instead of a date and the deadline moves with the day the page is read. Handy for evergreen postings, and it means the example roles never look expired."}]},{"type":"paragraph","content":[{"type":"text","text":"One thing to click. The whole row is the application link — no button hunting, the way real job boards work. Hover a role and a Copy link chip puts "},{"type":"text","text":"yoursite.com/careers?role=senior-product-designer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://yoursite.com/careers?role=senior-product-designer","target":"_blank"}}]},{"type":"text","text":" on the clipboard, so you can send one role to one candidate."}]},{"type":"paragraph","content":[{"type":"text","text":"No CMS setup. Roles are edited right in the properties panel — a five-role startup page takes minutes, and nothing breaks when you rearrange the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Filters build themselves. Type a role's team and location and the filter chips appear on their own. A Reset button shows up only once something is filtered."}]},{"type":"paragraph","content":[{"type":"text","text":"34 properties, all on the canvas: Roles (title · team · location · type · apply link · closing date · featured) · Heading · Count · Search · Search hint · Team filter · Location filter · Type filter · All label · Reset button · Deadlines · Open label · Closed label · Countdown · Last day · Closes prefix · Hide closed · Shareable links · Link button · Copied label · Featured tag · Empty title · Empty body · Gap · Radius · Size · Text · Muted · Card · Border · Accent · Open text · Open fill · Urgent"}]},{"type":"paragraph","content":[{"type":"text","text":"Built to behave. Every role shows on the Framer canvas so you can lay the page out without fighting filters. The countdown is read after the page mounts, so server and browser never disagree. Uses replaceState, so clicking through roles never fills the Back button. The count text is a template — {n} open role|roles — so it says \"1 open role\", not \"1 open roles\"."}]}]},"introduction":"Careers list with D-day countdown","slug":"job-board-pro","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/01a03438-331f-709f-8099-bd0d8506cf3e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-25T00:57:16.377Z","updatedAt":"2026-08-25T00:57:16.377Z","publishedAt":"2026-08-25T00:57:16.369Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bold-wheel-055406.framer.app/job-board","price":"12","paymentUrl":"https://octaveseoul.lemonsqueezy.com/checkout/buy/af8e79a0-c258-4ad0-98c6-1c15f28ad508","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"R8N3YwZUZI59ilnIZ06m","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-08-25T00:57:16.912Z","updatedAt":"2026-08-25T00:57:16.912Z"},{"id":"019fe675-1840-74bf-b422-d8fa52f8120c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qmgWfPA2bqn9oLd78sUx","resolved":true,"title":"Scrollspy Nav","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A section navigation that highlights where you are on the page."}]},{"type":"paragraph","content":[{"type":"text","text":"This is not a table of contents. It does not read headings out of an article. You name the sections you already have on the canvas, and the matching link lights up as each one reaches the top of the viewport."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting it up takes a minute. Give each section an ID in Framer's right panel, then list them here as \"Label: section-id\". Clicking a link scrolls to that section."}]},{"type":"paragraph","content":[{"type":"text","text":"13 properties, all on the canvas: Sections · Vertical or horizontal · Marker (line / dot / none) · Smooth scroll · Top offset · Gap · Size · Weight · Tracking · Marker size · Idle · Active · Marker color"}]},{"type":"paragraph","content":[{"type":"text","text":"Top offset accounts for a fixed header, so sections land below it instead of underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to behave: uses IntersectionObserver, not a scroll listener, so it costs nothing while you scroll. On the canvas the first item shows as active, so the nav never looks broken while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto width · auto height."}]},{"type":"paragraph","content":[{"type":"text","text":"Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack"}]}]},"introduction":"Section nav for one-page sites","slug":"scrollspy-nav","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019feff7-4427-7559-9016-b7d61b5b0048.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-09T12:17:40.860Z","updatedAt":"2026-08-25T02:39:49.067Z","publishedAt":"2026-08-09T12:17:40.852Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ScrollspyNav-LyMhBQ.js@lfjEqzEp734KQsQyEsoG","previewUrl":"https://bold-wheel-055406.framer.app/scrollspy-nav","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"lfjEqzEp734KQsQyEsoG","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-09T12:17:41.442Z","updatedAt":"2026-08-09T12:17:41.442Z"},{"id":"019fe66f-660e-7236-a22d-75029370d14a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YKzNLZjmJu9Gx9opv67g","resolved":true,"title":"Age Gate","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An age confirmation gate that covers the page until answered, then remembers the answer."}]},{"type":"paragraph","content":[{"type":"text","text":"It never covers your canvas. While you are designing, it renders as an inline card instead of a full-screen overlay — so it stays out of the way while you work, and thumbnails come out clean. Only a real visitor gets the real gate."}]},{"type":"paragraph","content":[{"type":"text","text":"It remembers. Set how many days the answer lasts. Set it to 0 and it asks on every visit. Change the storage key to ask everyone again after a policy change."}]},{"type":"paragraph","content":[{"type":"text","text":"16 properties, all on the canvas: Min age · Heading · Body · Confirm · Deny · Denied message · Remember (days) · Storage key · Card width · Radius · Backdrop · Card · Text · Muted · Button · Button text"}]},{"type":"paragraph","content":[{"type":"text","text":"Built to behave: marked up as a dialog for screen readers. Nothing renders until the saved answer is known, so it never flashes at someone who already confirmed. Private browsing cannot break it — if the browser refuses to save, the gate still works for that visit."}]},{"type":"paragraph","content":[{"type":"text","text":"Any layout width and height."}]},{"type":"paragraph","content":[{"type":"text","text":"Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack"}]}]},"introduction":"Age confirmation with memory","slug":"age-gate","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff08d-615f-7229-abb0-872734b28cc5.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-09T12:11:27.657Z","updatedAt":"2026-08-25T02:38:11.531Z","publishedAt":"2026-08-09T12:11:27.654Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AgeGate-A1k7J2.js@Fm1xw4VQoCmmpL0CwDCT","previewUrl":"https://bold-wheel-055406.framer.app/age-gate","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"Fm1xw4VQoCmmpL0CwDCT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T12:11:28.143Z","updatedAt":"2026-08-09T12:11:28.143Z"},{"id":"019fe669-3264-7707-9aba-b93535570193","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Fqlgf0E8yGx04FOSCP4C","resolved":true,"title":"OTP Input","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A segmented verification code field — the kind you see after \"we sent you a code\"."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer's native form fields are Text, Checkbox, Radio and Select only, so there is no way to build one on the canvas. Three things make or break an OTP field, and this handles all three."}]},{"type":"paragraph","content":[{"type":"text","text":"Typing moves forward. Each character lands in its own box and focus advances."}]},{"type":"paragraph","content":[{"type":"text","text":"Backspace moves back. On an empty box it clears the one before it and steps back."}]},{"type":"paragraph","content":[{"type":"text","text":"Pasting fills everything. Paste \"739 2045\" into a 6-digit field and it strips the space, fills all six boxes, and drops the extra character."}]},{"type":"paragraph","content":[{"type":"text","text":"autocomplete=\"one-time-code\" is set, so browsers offer the SMS code above the keyboard."}]},{"type":"paragraph","content":[{"type":"text","text":"16 properties, all on the canvas: Digits (2-12) · Numbers or letters+numbers · Mask · Auto focus · Placeholder · Box size · Gap · Radius · Size · Border width · Text · Box fill · Empty · Filled · Focus · Error"}]},{"type":"paragraph","content":[{"type":"text","text":"The assembled code is carried in a hidden field named \"code\", so a surrounding Framer form submits it with everything else."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto width · auto height."}]},{"type":"paragraph","content":[{"type":"text","text":"Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack"}]}]},"introduction":"Verification code field","slug":"otp-input","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff08f-7939-771b-b3c4-491c53045791.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-09T12:04:41.232Z","updatedAt":"2026-08-25T02:36:17.598Z","publishedAt":"2026-08-09T12:04:41.227Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/OtpInput-BlOjNT.js@pWXuUX8uY82R7KToQpdI","previewUrl":"https://bold-wheel-055406.framer.app/otp-input","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"pWXuUX8uY82R7KToQpdI","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-09T12:04:41.702Z","updatedAt":"2026-08-09T12:04:41.702Z"},{"id":"019fe662-be56-733c-a59b-7feb32fcace8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bmPFr3QFAD0IClEVkJRu","resolved":true,"title":"Password Meter","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer has no password field. Its native form inputs are Text, Checkbox, Radio and Select — so a sign-up or reset page either ships without one, or gets rebuilt outside Framer. This is the field set Framer is missing."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything happens in the browser. The component checks the password locally and never transmits anything, anywhere. There is no endpoint to configure and no request to inspect."}]},{"type":"paragraph","content":[{"type":"text","text":"The strength meter. Five checks run on every keystroke: length, lowercase, uppercase, number, symbol. The bar fills, the colour shifts, the checklist ticks off. Set how many must pass before the password counts as accepted."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into a form you already have. Every field carries a real name, so a Framer form submits it with everything else. Nothing to wire up."}]},{"type":"paragraph","content":[{"type":"text","text":"Or use it on its own. Turn on the submit button and it validates the fields locally, then fires On submit so you can wire it to whatever the page should do next."}]},{"type":"paragraph","content":[{"type":"text","text":"It says what is missing, once. Empty email, invalid email, weak password, mismatched confirmation — one message at a time, and only after they try to submit."}]},{"type":"paragraph","content":[{"type":"text","text":"Matches your design. Labels, colours, bar height, spacing, radius, type size and every colour in the field set are canvas properties."}]},{"type":"paragraph","content":[{"type":"text","text":"27 properties, all on the canvas: ID field (Email · Username · Phone) · ID hint · ID name · Password hint · Password name · Confirm field · Confirm hint · Mismatch message · Require · Show/hide · Checklist · Submit button · Submit label · Error · On submit · Labels · Colors · Bar · Gap · Radius · Size · Text · Muted · Field · Border · Accent"}]},{"type":"paragraph","content":[{"type":"text","text":"Properties you are not using hide themselves — turn the ID field off and its three settings go away."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"warning","emoji":"⚠"}},{"type":"text","text":"️ A note on real accounts: a password collected through a Framer form lands in your form inbox in readable text. For real accounts, take the submission outside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Get all four in one place, plus a note when a new one lands: https://bold-wheel-055406.framer.app/pack"}]}]},"introduction":"Password field + live strength","slug":"password-meter","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019fe768-a37d-7388-87a3-eee857a2d997.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-09T11:57:38.345Z","updatedAt":"2026-08-25T02:41:54.080Z","publishedAt":"2026-08-09T11:57:38.337Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PasswordStrength-qzFy1f.js@0qKm9EmUztWicSJMJqiz","previewUrl":"https://bold-wheel-055406.framer.app/password-strength","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"0qKm9EmUztWicSJMJqiz","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-09T11:57:38.775Z","updatedAt":"2026-08-09T11:57:38.775Z"},{"id":"019fe222-e1d9-757f-abe6-45fb5374df89","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v6blXqJ8JfO6Kb4DJ4JH","resolved":true,"title":"SteadyMarquee","body":"

A seamless, infinitely scrolling text ticker for Framer.

Speed that actually stays put. Most marquees tie speed to how long the text is — change the wording and it suddenly races or crawls. SteadyMarquee measures the track and animates in px/s, so 80 px/s stays 80 px/s whether you write two words or twenty.

10 properties, all on the canvas: Text · Speed (px/s) · Direction · Repeat · Gap · Size · Weight · Tracking · Color · Pause on hover

Built to behave: seamless loop with no visible seam, pauses on hover, freezes on the Framer canvas so it never distracts while you design, stops while scrolled out of view, respects the OS "Reduce Motion" setting, and the duplicate copy is hidden from screen readers.

Any layout width · auto height.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A seamless, infinitely scrolling text ticker for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Speed that actually stays put. Most marquees tie speed to how long the text is — change the wording and it suddenly races or crawls. SteadyMarquee measures the track and animates in px/s, so 80 px/s stays 80 px/s whether you write two words or twenty."}]},{"type":"paragraph","content":[{"type":"text","text":"10 properties, all on the canvas: Text · Speed (px/s) · Direction · Repeat · Gap · Size · Weight · Tracking · Color · Pause on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"Built to behave: seamless loop with no visible seam, pauses on hover, freezes on the Framer canvas so it never distracts while you design, stops while scrolled out of view, respects the OS \"Reduce Motion\" setting, and the duplicate copy is hidden from screen readers."}]},{"type":"paragraph","content":[{"type":"text","text":"Any layout width · auto height."}]}]},"introduction":"Seamless ticker with steady speed","slug":"steadymarquee","author":{"framerUserId":"47685d3d-69c0-4492-beb7-d25920656403","name":"vivi park","slug":"vivi-park","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/r5l71a2x","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47685d3d-69c0-4492-beb7-d25920656403/019ff091-72dc-77c8-9a3d-c8ca271a567a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-08T16:09:24.198Z","updatedAt":"2026-08-24T14:09:55.529Z","publishedAt":"2026-08-08T16:09:24.195Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bold-wheel-055406.framer.app/","price":"5","paymentUrl":"https://octaveseoul.lemonsqueezy.com/checkout/buy/2fd3ec62-e838-4f43-b5db-218a7b8822cf","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"g2rhMkiMO8nC8Gmk0wSM","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-08T16:09:24.697Z","updatedAt":"2026-08-08T16:09:24.697Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L62"}]