Components

FAQ Section

Pro

An FAQ accordion where rows pop in, panels unfold on a spring, and the plus icon twists into a close mark.

Frequently asked questions

Everything you need to know before you start building.

A growing library of production-ready motion components built with React, Tailwind, and Motion. Copy the source into your project and own it completely — no runtime lock-in, no black boxes.

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/faq-section

Unlock with Planes Pro

$99 once · 80 Pro components · lifetime updates.

I have a licenseGet Pro
<FaqSection />

// or with your own questions:
<FaqSection
  title="Questions, answered"
  subtitle="Can't find what you need? Reach out to support."
  allowMultiple
  items={[
    { id: "refunds", question: "Do you offer refunds?", answer: "Yes — full refund within 14 days, no questions asked." },
    { id: "support", question: "How fast is support?", answer: "We reply within one business day on every plan." },
  ]}
/>

Use cases

  • Landing page FAQs

    The closing objection-handler section before the final CTA.

  • Pricing page clarifications

    Billing, refund, and licensing questions next to the plan grid.

  • Help center highlights

    Surface the top questions before pointing users at full docs.

  • Onboarding reassurance

    Answer setup and data-safety questions inside a signup flow.