Edu Calvo

Searchable FAQ

Component 14

About

A FAQ section with a search box that filters questions as you type and an animated accordion for answers.

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

Code

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

Usage.tsx

import FaqSearchable from "@/components/ui/faq-3";

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

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

    142
  • 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.