Diar Muradi

Categorized FAQ

Component 9

About

A FAQ section with a vertical category rail on the side that filters an accordion of questions and answers for the selected topic.

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

Code

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

Usage.tsx

import { Faq } from "@/components/ui/faq-9";

export default function FaqDemo() {
  return (
    <div className="flex w-full items-center justify-center px-4 py-16">
      <Faq />
    </div>
  );
}

Dependencies

More by Diar Muradi

View all
  • Toggleable Add-on Pricing

    Toggleable Add-on Pricing

    154
  • Toggle Pricing Cards

    Toggle Pricing Cards

    78
  • ROI Pricing Calculator

    ROI Pricing Calculator

    49
  • Pricing With FAQ

    Pricing With FAQ

    43
  • Sign Up Split Panel

    Sign Up Split Panel

    40
  • Volume Pricing Card

    Volume Pricing Card

    31
  • Logo Orbit

    Logo Orbit

    27
  • Sticky Header Navbar

    Sticky Header Navbar

    19