Sections

FAQ Section

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 · 54 Pro components · lifetime updates.

I have a license Get 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.