5e:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.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/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3q5d1avmchlp0.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/149w-u4or12up.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/17pioewhhzr_j.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/3fr1ev83fgwky.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js"],"PostDetailCard"] 5f:T599,

The Accordion Pro: Free, Single-Open FAQ Component

Streamline your website's help center or information page with the Accordion Pro FAQ Component, a clean, modern, and completely free UI element designed for seamless user navigation. Built to reduce clutter and keep visitors focused, this component enforces a strict one-open-at-a-time behavior, automatically collapsing previously expanded questions as a user clicks a new one to maintain a neat, organized layout.

Frictionless Free Access: Fully open-source and free to use, giving developers and designers a high-end, premium-feeling accordion without any paywalls, subscriptions, or hidden licensing fees.
Intelligent Single-Open Flow: Enhances readability by ensuring only a single FAQ item remains active, preventing overwhelming walls of text and keeping the page compact.
Limitless Customization: Tailor every pixel to match your brand. Easily modify border radii, background colors, typography, chevron icon styles, and transition speeds using simple utility classes or CSS variables.
Lightweight & Accessible: Engineered for optimal performance and smooth toggle animations, ensuring fast load times and full keyboard/screen-reader accessibility out of the box.

5b:[["$","$L5e",null,{"post":{"id":"01a0cdea-9b37-73ab-8f34-2ceb18ce2f4f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dd31c0e8-94c4-4870-bf97-534b2c7041ef","name":"Krav Studios (Gourav)","slug":"gourav-kundu","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0AzxqJoKU1HoxRI49jLC","resolved":true,"title":"FAQ-ordions","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"The Accordion Pro: Free, Single-Open FAQ Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Streamline your website's help center or information page with the "},{"type":"text","text":"Accordion Pro FAQ Component","marks":[{"type":"bold"}]},{"type":"text","text":", a clean, modern, and completely free UI element designed for seamless user navigation. Built to reduce clutter and keep visitors focused, this component enforces a strict "},{"type":"text","text":"one-open-at-a-time behavior","marks":[{"type":"bold"}]},{"type":"text","text":", automatically collapsing previously expanded questions as a user clicks a new one to maintain a neat, organized layout."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frictionless Free Access","marks":[{"type":"bold"}]},{"type":"text","text":": Fully open-source and free to use, giving developers and designers a high-end, premium-feeling accordion without any paywalls, subscriptions, or hidden licensing fees."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intelligent Single-Open Flow","marks":[{"type":"bold"}]},{"type":"text","text":": Enhances readability by ensuring only a single FAQ item remains active, preventing overwhelming walls of text and keeping the page compact."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Limitless Customization","marks":[{"type":"bold"}]},{"type":"text","text":": Tailor every pixel to match your brand. Easily modify border radii, background colors, typography, chevron icon styles, and transition speeds using simple utility classes or CSS variables."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & Accessible","marks":[{"type":"bold"}]},{"type":"text","text":": Engineered for optimal performance and smooth toggle animations, ensuring fast load times and full keyboard/screen-reader accessibility out of the box."}]}]}]}]},"introduction":"FAQ-ACCORDION GREY ONE OPEN","slug":"faq-ordions","author":{"framerUserId":"dd31c0e8-94c4-4870-bf97-534b2c7041ef","name":"Krav Studios (Gourav)","slug":"gourav-kundu","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd31c0e8-94c4-4870-bf97-534b2c7041ef/01a0cdea-11a9-758f-90f8-8f9496154f7f.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":3200,"height":2447}}],"post":null,"createdAt":"2026-09-23T10:58:18.919Z","updatedAt":"2026-09-23T10:58:18.919Z","publishedAt":"2026-09-23T10:58:18.916Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/FAQ-SsuwNS.js@Eb3vhRKFE0nEvkfjRM75","previewUrl":"https://brilliant-party-495458.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"Eb3vhRKFE0nEvkfjRM75","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T10:58:19.575Z","updatedAt":"2026-09-23T10:58:19.575Z","reported":false}}],"$L60"]

Suggested for you