Search blocks

Find a block by name or category

12 Blocks

FAQs Blocks

FAQ sections for shadcn/ui: accessible accordions in one and two columns, category tabs with live search, master-detail layouts, and a conversational support mock that streams answers. All built on the Accordion primitive, so keyboard navigation and ARIA come for free.

FAQs 1

Free

FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.

Accordion

FAQs 2

Free

FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.

Accordion

FAQs 3

Free

FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.

AccordionButtonDialogFieldInputSonnerTextarea

FAQs 4

Free

FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.

AccordionButtonCardDialogFieldInputSonnerTextarea

FAQs 5

Free

Help-center FAQ section with a live search input and General, Billing, and Security tabs showing match counts plus an empty state for no results.

AccordionEmptyInputTabs

FAQs 6

Pro

FAQ with a vertical topic nav whose sliding indicator blur cross-fades the accordion answers, under a live support status pill.

AccordionButton
motion

FAQs 7

Pro

Help-center FAQ search that filters answers as you type, highlights matched terms, badges each result topic, and offers a contact empty state.

AccordionBadgeButtonEmptyInput
motion

FAQs 8

Pro

FAQ showing one category at a time from a topic rail with per-topic question counts, blur cross-fading the questions when you switch.

Accordion
motion

FAQs 9

Pro

FAQ accordion of numbered rows that blur-rise in sequence, beside a sticky editorial column holding a contact-support dialog.

AccordionButtonDialogFieldInputSonnerTextarea
motion

FAQs 10

Pro

FAQ laid out as icon-led cards with answers always visible instead of an accordion, lifting on hover inside a masked corner grid.

motion

FAQs 11

Pro

FAQ as a support chat: tapping a suggested question sends it as a message bubble, a typing indicator plays, then the agent answer arrives.

AvatarButton
motion

FAQs 12

Pro

FAQ rows pairing a hatched icon tile with each question, covering shipping, delivery times, and returns, expanding with a blur reveal.

Accordion
motion