DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.7K
Sign inGet All-Access
Categories
Blog6
Compare3
Contact6
CTA17
FAQ6
  • Category Tabs FAQ
  • Two-Column FAQ
  • Open Answers FAQ
  • Single-Column FAQ
  • Support Sidecard FAQ
  • Support Footer FAQ
Hero16
How It Works5
Pricing8

For AI Agents

Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.

When to use

  • A questions and answers section on a landing, pricing or product page, collapsed or laid open
  • Objections a buyer raises before signing up, answered in place with a route to support for the rest
  • A help center page of common questions, with or without topic tabs that filter them

When not to use

  • A few collapsible rows inside a settings panel, filter sidebar or form: use the Accordion component
  • A page built around a message form, office addresses or support channels: use the Contact blocks
  • A help panel where visitors type their own question and an assistant replies: use the AI Chat blocks

Agent notes

  • Every block renders a prop-less Faq whose questions pitch ReUI blocks; replace them in faqCategories, FAQ_COLUMNS, faqItems or FAQ_ITEMS
  • Every support link and button points at a hash href; aim each one at your help desk, docs, booking page or a mailto address
  • Each page.tsx centers Faq in a min-h-svh wrapper; drop it when the section sits inside your landing page
Markdownhttps://web.dev.reui.io/blocks/marketing/faq.md
MCPsearch({ query: "faq", type: "block", category: "faq" })
Full index for agents:llms.txtReUI MCP setup

Shadcn FAQ Blocks: Accordion Sections and Knowledge Base Layouts

An FAQ block is where a page answers the objection it just raised. These blocks use the shadcn Accordion and Tabs for the interaction and leave the questions as data, so the same list can feed FAQ structured data for search engines.

All FAQ Blocks

Open any block on its own page for a live preview, the components it is built from, and the install command.

  • Category Tabs FAQ Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards
  • Two-Column FAQ Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel
  • Open Answers FAQ Open no-accordion FAQ with always-visible two-column answer grid and two-CTA support row
  • Single-Column FAQ Centered single-column FAQ with help eyebrow and borderless single-open accordion
  • Support Sidecard FAQ Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard
  • Support Footer FAQ Single-column FAQ accordion with built-in contact-support footer inside one stacked ReUI Frame tray

What the FAQ blocks cover

Marketing screens, each a full block with fixture data:

  • Two-column FAQ with sticky intro, line-tab category filter, and multi-open accordion cards
  • Centered two-column FAQ with multi-open divider accordion and a dot-grid framed support panel
  • Open no-accordion FAQ with always-visible two-column answer grid and two-CTA support row
  • Centered single-column FAQ with help eyebrow and borderless single-open accordion
  • Two-column FAQ pairing a single-open accordion card with a sticky support-CTA sidecard
  • Single-column FAQ accordion with built-in contact-support footer inside one stacked ReUI Frame tray

Built from

  • shadcn/ui components Accordion, Button, Card, Item, Tabs, the same components your project already owns.
  • Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
  • Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
  • Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
  • Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
  • Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
  • Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.

Frequently Asked Questions

Do the blocks emit FAQ schema?

The questions are a typed array; emitting the JSON-LD from it is a few lines, and the ReUI docs show the helper the site itself uses.

How do I install a FAQ block?

Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.

Is a license needed?

FAQ blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App Shell
  • Auth
  • Card
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats2 meter cards moved here from Charts, 17 in all
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • Base
  • AdvancedAdded 2 new Data Grid Advanced blocks, 5 in all
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area ChartAdded a new Inbound Leads area chart block
  • Bar Chart
  • Composed Chart
  • Line Chart
  • Pie Chart
  • Radial Chart
  • Sankey ChartNew Sankey Chart category with 3 flow chart blocks
  • Slope ChartNew Slope Chart category with 2 rank-shift chart blocks
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity
  • AI UsageNew AI Usage category with 2 spend blocks

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users
  • Digital TwinNew Digital Twin category with 2 interactive 3D blocks

Templates

  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.7K
  1. Blocks
  3. Marketing
  5. FAQ
Markdown

Shadcn FAQ Blocks: Accordion Sections and Knowledge Base Layouts

FAQ sections that answer and rank: these 6 blocks cover the accordion, the two-column list, tabbed categories and a searchable knowledge base layout.