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

    240
  • AI Task List

    AI Task List

    167
  • Siri Orb

    Siri Orb

    164
  • Pixel Flow Field

    Pixel Flow Field

    157
  • Cursor Follow

    Cursor Follow

    155
  • Agent Avatar

    Agent Avatar

    136
  • Gravity Stars

    Gravity Stars

    124
  • Coverflow Carousel

    Coverflow Carousel

    110

Explore more

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