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:T98d,

ShimmerAccordion

A fully customizable Framer FAQ accordion component. Build expandable FAQ sections where each answer opens with a one-time text shimmer — a bright band sweeps through the copy, then settles into clear, readable text.

How it works

Add FAQ questions and answers directly in the Properties panel, so you can update accordion content or reorder items without touching code. When a question opens, the answer starts dimmed and a shimmer band moves through it once before landing at full opacity. Timing scales with answer length, so short and long FAQ replies feel consistent.

Variables

Items — FAQ questions and answers for your accordion, editable and reorderable without code

Answer Text — Final color of the revealed FAQ answer

Dim Opacity — How faded the accordion answer looks before the shimmer finishes

Shimmer Stops — Color and spread of the shimmer band on FAQ text

Speed — How fast the shimmer moves through each accordion answer; higher is faster

Background / Title / Divider — Colors for the FAQ panel, accordion questions, and separators

Radius & Padding — Roundness and spacing of the accordion container

Multiple Open — Allow more than one FAQ item open at once

Default Open — Which accordion item starts expanded (−1 for all closed)

Title Font / Answer Font — Typography for FAQ questions and answers

Design

A clean FAQ accordion layout with stacked questions, subtle dividers, and expandable answers. The shimmer lives in the answer text itself — not on borders or backgrounds — so your FAQ section stays readable and adapts to light or dark layouts.

Use cases

Website FAQ accordion — Product, pricing, shipping, or onboarding FAQs with a polished reveal

Landing page FAQ section — Expandable accordion answers that address common objections

Help center / support FAQ — Clear accordion FAQs for docs, support, and customer questions

SaaS FAQ page — Feature, billing, and plan comparison questions in a branded accordion

5a:[["$","$L5d",null,{"post":{"id":"019f765b-1515-72cf-8ff2-8e037973f32d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e57aca30-955f-448e-a756-0720288b0755","name":"Collins Abrusu","slug":"collins-abrusu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/871081/avatar-nuZaS4LzB7Jpuff4nbNklyxBVXYcYc.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FJAl6b15d9Ij4mmQCBlS","resolved":true,"title":"FAQ AccordionShimmer","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ShimmerAccordion","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A fully customizable Framer FAQ accordion component. Build expandable FAQ sections where each answer opens with a one-time text shimmer — a bright band sweeps through the copy, then settles into clear, readable text."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add FAQ questions and answers directly in the Properties panel, so you can update accordion content or reorder items without touching code. When a question opens, the answer starts dimmed and a shimmer band moves through it once before landing at full opacity. Timing scales with answer length, so short and long FAQ replies feel consistent."}]},{"type":"paragraph","content":[{"type":"text","text":"Variables","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Items","marks":[{"type":"bold"}]},{"type":"text","text":" — FAQ questions and answers for your accordion, editable and reorderable without code"}]},{"type":"paragraph","content":[{"type":"text","text":"Answer Text","marks":[{"type":"bold"}]},{"type":"text","text":" — Final color of the revealed FAQ answer"}]},{"type":"paragraph","content":[{"type":"text","text":"Dim Opacity","marks":[{"type":"bold"}]},{"type":"text","text":" — How faded the accordion answer looks before the shimmer finishes"}]},{"type":"paragraph","content":[{"type":"text","text":"Shimmer Stops","marks":[{"type":"bold"}]},{"type":"text","text":" — Color and spread of the shimmer band on FAQ text"}]},{"type":"paragraph","content":[{"type":"text","text":"Speed","marks":[{"type":"bold"}]},{"type":"text","text":" — How fast the shimmer moves through each accordion answer; higher is faster"}]},{"type":"paragraph","content":[{"type":"text","text":"Background / Title / Divider","marks":[{"type":"bold"}]},{"type":"text","text":" — Colors for the FAQ panel, accordion questions, and separators"}]},{"type":"paragraph","content":[{"type":"text","text":"Radius & Padding","marks":[{"type":"bold"}]},{"type":"text","text":" — Roundness and spacing of the accordion container"}]},{"type":"paragraph","content":[{"type":"text","text":"Multiple Open","marks":[{"type":"bold"}]},{"type":"text","text":" — Allow more than one FAQ item open at once"}]},{"type":"paragraph","content":[{"type":"text","text":"Default Open","marks":[{"type":"bold"}]},{"type":"text","text":" — Which accordion item starts expanded (−1 for all closed)"}]},{"type":"paragraph","content":[{"type":"text","text":"Title Font / Answer Font","marks":[{"type":"bold"}]},{"type":"text","text":" — Typography for FAQ questions and answers"}]},{"type":"paragraph","content":[{"type":"text","text":"Design","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A clean FAQ accordion layout with stacked questions, subtle dividers, and expandable answers. The shimmer lives in the answer text itself — not on borders or backgrounds — so your FAQ section stays readable and adapts to light or dark layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Website FAQ accordion","marks":[{"type":"bold"}]},{"type":"text","text":" — Product, pricing, shipping, or onboarding FAQs with a polished reveal"}]},{"type":"paragraph","content":[{"type":"text","text":"Landing page FAQ section","marks":[{"type":"bold"}]},{"type":"text","text":" — Expandable accordion answers that address common objections"}]},{"type":"paragraph","content":[{"type":"text","text":"Help center / support FAQ","marks":[{"type":"bold"}]},{"type":"text","text":" — Clear accordion FAQs for docs, support, and customer questions"}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS FAQ page","marks":[{"type":"bold"}]},{"type":"text","text":" — Feature, billing, and plan comparison questions in a branded accordion"}]}]},"introduction":"FAQ Shimmer Accordion component","slug":"faq-accordionshimmer","author":{"framerUserId":"e57aca30-955f-448e-a756-0720288b0755","name":"Collins Abrusu","slug":"collins-abrusu","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/871081/avatar-nuZaS4LzB7Jpuff4nbNklyxBVXYcYc.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e57aca30-955f-448e-a756-0720288b0755/019f765a-df40-74a5-9c67-52d4bfc9aff8.png","metadata":{"tint":{"h":207,"s":79,"l":22},"width":1080,"height":735}}],"post":null,"createdAt":"2026-07-18T17:51:48.129Z","updatedAt":"2026-07-18T18:08:25.172Z","publishedAt":"2026-07-18T17:51:48.127Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gleaming-marketplaces-837058.framer.app/","price":"10","paymentUrl":"https://contra.com/payment-link/vz4fvCFX-faq-accordion-shimmer","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"PLuzRUooRMVtNoA2IhO2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-18T17:51:48.501Z","updatedAt":"2026-07-18T17:51:48.501Z","reported":false}}],"$L5f"]

Suggested for you