Diar Muradi

Categorized FAQ

Component 10

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

    169
  • Toggle Pricing Cards

    Toggle Pricing Cards

    80
  • ROI Pricing Calculator

    ROI Pricing Calculator

    51
  • Pricing With FAQ

    Pricing With FAQ

    47
  • Split Sign In Form

    Split Sign In Form

    46
  • Sign Up Split Panel

    Sign Up Split Panel

    43
  • Volume Pricing Card

    Volume Pricing Card

    35
  • Logo Orbit

    Logo Orbit

    34