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

    242
  • AI Task List

    AI Task List

    169
  • Siri Orb

    Siri Orb

    166
  • Pixel Flow Field

    Pixel Flow Field

    160
  • Cursor Follow

    Cursor Follow

    157
  • Agent Avatar

    Agent Avatar

    136
  • Gravity Stars

    Gravity Stars

    125
  • Coverflow Carousel

    Coverflow Carousel

    111

Explore more

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