5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/2obmdiyh47oqt.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d: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.

59:[["$","$L5c",null,{"post":{"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":"$5d","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":"hsl(0 0% 57%)","aspectRatio":1.7433414043583535}}],"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"}}],"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","reported":false}}],"$L5e"]

Suggested for you