Efferd

Faqs 3

Component 6

About

Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.

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

Code

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

Usage.tsx

import { FaqsSection, Question } from "@/components/ui/faqs-3";

export default function DemoOne() {
  return <FaqsSection questions={questions} />;
}


const questions: Question[] = [
  {
    id: "item-1",
    title: "What is Efferd?",
    content:
      "Efferd is a collection of beautifully crafted Shadcn UI blocks and components, designed to help developers build modern websites with ease.",
  },
  {
    id: "item-2",
    title: "Who can benefit from Efferd?",
    content:
      "Efferd is built for founders, product teams, and agencies that want to accelerate idea validation and delivery.",
  },
  {
    id: "item-3",
    title: "What features does Efferd include?",
    content:
      "Efferd offers a collaborative workspace where you can design and build beautiful web applications, with reusable UI blocks, deployment automation, and comprehensive analytics all in one place. With Efferd, you can streamline your team’s workflow and deliver high-quality websites quickly and efficiently.",
  },
  {
    id: "item-4",
    title: "Can I customize components in Efferd?",
    content:
      "Yes. Efferd offers editable design systems and code scaffolding so you can tailor blocks to your brand and workflow.",
  },
  {
    id: "item-5",
    title: "Does Efferd integrate with my existing tools?",
    content:
      "Efferd connects with popular source control, design tools, and cloud providers to fit into your current stack.",
  },
  {
    id: "item-6",
    title: "How do I get support while using Efferd?",
    content:
      "You can access detailed docs, community forums, and dedicated customer success channels for help at any time.",
  },
  {
    id: "item-7",
    title: "How do I get started with Efferd?",
    content:
      "You can access detailed docs, community forums, and dedicated customer success channels for help at any time.",
  },
];

Dependencies

More by Efferd

View all
  • Testimonials Columns

    Testimonials Columns

    7.1K
  • Zoom Parallax

    Zoom Parallax

    5.2K
  • Dotted Surface

    Dotted Surface

    3.5K
  • Footer Section

    Footer Section

    2.7K
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Logo Cloud 2

    Logo Cloud 2

    1.6K
  • Header 3

    Header 3

    1.6K
  • Logo Cloud 3

    Logo Cloud 3

    1.5K

Explore more

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