Skip to content

FAQ and accordions: HTML, React and WordPress components

FAQs and accordions built on buttons and aria-expanded, usable with the keyboard.8 components (FAQ and accordions) that are accessible and responsive, ready for your site: HTML + Tailwind, React, plain CSS and a WordPress block.

All 8 resources

  • Dark chevron FAQ

    Free for members

    An accordion on a dark background, rounded cards and a chevron rotating on open.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Searchable FAQ

    Coming soon

    A field that filters questions as you type, for large FAQs.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • An introduction and a contact link on the left, expandable questions on the right.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A tight accordion within a single frame, for practical information pages.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Questions grouped under subheadings, for long FAQs.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • All answers visible at once, presented as a card grid.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Frequently asked questions followed by a card inviting visitors to call or write.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Questions that expand one by one, with FAQPage structured data for Google.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component