Skip to content
38

FAQs.

FAQ sections built on the Accordion: sticky split layouts and centered grids with numbered questions that stay scannable on mobile.

7 blocks, live at full size, install from here

01 / 07Sticky split, numbered, help note

FAQ 01

Two-column FAQ: sticky heading and a hairline help note on the start side, numbered accordion on the end side.

npx shadcn@latest add https://hirael.com/r/faq-01.json

02 / 07Centered, two-column grid, Qn-indexed

FAQ 02

Centered heading with two-column accordion grid below. Each row tagged with a Qn index.

npx shadcn@latest add https://hirael.com/r/faq-02.json

03 / 07Search, category tabs, empty state

FAQ 03

Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.

npx shadcn@latest add https://hirael.com/r/faq-03.json

04 / 07Framed column, topic jump nav, grouped accordions

FAQ 04

Framed single-column FAQ with side rules, a centered display header with a topic jump nav, five topic groups each pairing a heading with its own accordion, and a support footer line.

npx shadcn@latest add https://hirael.com/r/faq-04.json

05 / 07Split layout, divider, single accordion

FAQ 05

Two-column FAQ block: an eyebrow, serif headline and short intro sit on the start side; a single-open accordion of five questions sits on the end side, split by a vertical divider that collapses to a stacked layout on mobile.

npx shadcn@latest add https://hirael.com/r/faq-05.json

06 / 07Card accordion, staggered rise, multi-open

FAQ 06

Centered FAQ with a pill badge, a word-by-word headline reveal and a short intro above a multi-open accordion where each question is its own bordered card that rises in with a staggered delay and tints slightly when open. Ships composable parts.

npx shadcn@latest add https://hirael.com/r/faq-06.json

07 / 07Topic index, synced accordion, split layout

FAQ 07

Split FAQ: a heading, lead and numbered topic index on the start side; picking a topic opens its answer in the single-open accordion on the end side.

npx shadcn@latest add https://hirael.com/r/faq-07.json