FAQ Liquid Accordion

An FAQ accordion with live search: matches are painted by a sweeping marker and a count shows how many questions match. Opening a question releases a circular liquid ripple from the plus button while the answer blurs in word by word.

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

import PublishedComponent from "@/components/ui/faq-liquid-accordion"

export default function Demo() {
  return <PublishedComponent />
}