5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T617,

An accordion that holds real sections, not just a paragraph.

Drop Framer frames into the slot and each one becomes a panel body: a form, a table, a grid of cards, anything you would build on a page. The headings are a line of text each.

It measures the real height rather than guessing a max height, then releases to auto once the panel has settled. That is the part most accordions get wrong: a guessed height clips content that grows later, and content that grows later is the normal case for anything with an image or a web font in it.

Reachable without a mouse. Up and down move between headings, Home and End jump to the ends, Enter and Space open, and whether the ends wrap is a control rather than a decision made for you. The focus ring is visible.

Linkable. A panel has a stable id, so a URL ending in that id opens it on arrival, which is what a support page needs when somebody is sent straight to one answer.

One open at a time or several, and whether the last open panel can be closed is yours. Icon style, divider, duration, padding, radius, font and every colour are property controls.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

5a:[["$","$L5d",null,{"post":{"id":"01a0b957-6dec-724c-a3d4-dad19b3bb556","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VmytI5FHNac8ner6bqm1","resolved":true,"title":"Fold Stack","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An accordion that holds real sections, not just a paragraph."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop Framer frames into the slot and each one becomes a panel body: a form, a table, a grid of cards, anything you would build on a page. The headings are a line of text each."}]},{"type":"paragraph","content":[{"type":"text","text":"It measures the real height rather than guessing a max height, then releases to auto once the panel has settled. That is the part most accordions get wrong: a guessed height clips content that grows later, and content that grows later is the normal case for anything with an image or a web font in it."}]},{"type":"paragraph","content":[{"type":"text","text":"Reachable without a mouse. Up and down move between headings, Home and End jump to the ends, Enter and Space open, and whether the ends wrap is a control rather than a decision made for you. The focus ring is visible."}]},{"type":"paragraph","content":[{"type":"text","text":"Linkable. A panel has a stable id, so a URL ending in that id opens it on arrival, which is what a support page needs when somebody is sent straight to one answer."}]},{"type":"paragraph","content":[{"type":"text","text":"One open at a time or several, and whether the last open panel can be closed is yours. Icon style, divider, duration, padding, radius, font and every colour are property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"Accordion that holds real sections","slug":"fold-stack","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0b956-d20d-77da-8ddd-9262b14a7ff0.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-19T11:05:09.336Z","updatedAt":"2026-09-19T20:59:44.120Z","publishedAt":"2026-09-19T11:05:09.333Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/fold-stack","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_i8OULTpBBu1w47tPr7FNF0w2B9t60zyrY8Lxg1Y7bjA","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"7huOqagTfEfIk79uGEiz","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-19T11:05:09.868Z","updatedAt":"2026-09-19T11:05:09.868Z","reported":false}}],"$L5f"]

Suggested for you