Edu Calvo

FAQ Accordion

Component

About

An animated FAQ section with expandable accordion questions and staggered reveal animations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds FAQ Accordion to your project and fits it to your theme.

Code

How FAQ Accordion is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import FaqsAccordion from "@/components/ui/faq-2";

export default function Default() {
  return <FaqsAccordion />;
}

Dependencies

More by Edu Calvo

View all
  • Scrollable Card Stack

    Scrollable Card Stack

    235
  • AI Task List

    AI Task List

    160
  • Siri Orb

    Siri Orb

    160
  • Cursor Follow

    Cursor Follow

    154
  • Pixel Flow Field

    Pixel Flow Field

    143
  • Agent Avatar

    Agent Avatar

    130
  • Gravity Stars

    Gravity Stars

    112
  • Coverflow Carousel

    Coverflow Carousel

    95

Explore more

Part of SmoothUI — browse the full library on 21st.dev.