BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/SmoothUI Registry/faq-4

Faq 4

smoothui-registry/faq-4
FreeBlock

Categorized FAQ section with tab navigation

Install it

npx shadcn@latest add https://www.smoothui.dev/r/faq-4.json

Source

index.tsxwww.smoothui.dev/r/faq-4.json · first 6 KB
1"use client";
2
3import { ChevronDown } from "lucide-react";
4import { AnimatePresence, motion, useReducedMotion } from "motion/react";
5import { useState } from "react";
6
7export interface FaqCategorizedProps {
8 categories?: Array<{
9 name: string;
10 faqs: Array<{
11 question: string;
12 answer: string;
13 }>;
14 }>;
15 description?: string;
16 title?: string;
17}
18
19const defaultCategories = [
20 {
21 faqs: [
22 {
23 answer:
24 "Setting up SmoothUI is straightforward. Install the package using npm or pnpm, then import the components you need. Our CLI tool can also help scaffold components directly into your project with the right dependencies.",
25 question: "How do I set up SmoothUI in my project?",
26 },
27 {
28 answer:
29 "SmoothUI requires React 18 or later, Next.js 13+, and Node.js 18+. You'll also need Tailwind CSS configured in your project. All modern browsers are supported.",
30 question: "What are the minimum requirements?",
31 },
32 {
33 answer:
34 "Use our CLI command `npx shadcn@latest add @smoothui/component-name` to add any component. This will install the component with all its dependencies and place it in your components directory.",
35 question: "How do I add my first component?",
36 },
37 ],
38 name: "Getting Started",
39 },
40 {
41 faqs: [
42 {
43 answer:
44 "Yes, SmoothUI is completely free and open source under the MIT license. You can use it in personal and commercial projects without any cost or attribution requirements.",
45 question: "Is SmoothUI free to use?",
46 },
47 {
48 answer:
49 "Since SmoothUI is free, there are no purchases to refund. For any premium services or support packages we may offer in the future, our refund policy will be clearly stated.",
50 question: "Do you offer refunds?",
51 },
52 {
53 answer:
54 "Currently, all components are free. If we introduce premium features, we'll support major credit cards, PayPal, and other popular payment methods through our secure payment processor.",
55 question: "What payment methods do you accept?",
56 },
57 ],
58 name: "Billing",
59 },
60 {
61 faqs: [
62 {
63 answer:
64 "SmoothUI supports all modern browsers including Chrome, Firefox, Safari, and Edge. We test across the latest versions and one version back for each browser to ensure compatibility.",
65 question: "Which browsers are supported?",
66 },
67 {
68// … truncated

What it pulls in

npm packages

  • lucide-react
  • motion

Other registry items

  • https://smoothui.dev/r/tokens.json

Files it writes

  • index.tsx

Facts

Registry
SmoothUI Registry
Type
registry:block
Access
Free
Files written
1
Licence
the repository states none
In the index
at or before 2026-08-12
Last confirmed
today

Go to the source

www.smoothui.dev educlopez/smoothui on GitHub Raw registry item This item as JSON

More from SmoothUI Registry

All 178 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
Chat Templatechat-templateSmoothUI RegistryBlocksFree2 deps · 4 files
Cta 1cta-1SmoothUI RegistryBlocksFree1 dep
Cta 2cta-2SmoothUI RegistryBlocksFree1 dep
Cta 3cta-3SmoothUI RegistryBlocksFree1 dep
Faq 1faq-1SmoothUI RegistryBlocksFree2 deps
Faq 2faq-2SmoothUI RegistryBlocksFree1 dep
Faq 3faq-3SmoothUI RegistryBlocksFree2 deps
Features 1features-1SmoothUI RegistryBlocksFree1 dep

Also from Kynth Studios

Built for the same person as BlockDex

SkillWorks

Claude Code skills and plugins, scored

skillworks.kynth.studio

RuleStack

AGENTS.md gallery and agent-config comparison

rulestack.kynth.studio

ToolDrift

What the AI coding tools changed last night

tooldrift.kynth.studio

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex

The studio list

One product, taken apart, once a month

Kynth Studios pulls one shipped product open every month — what it does, what it cost to build, what the pipeline behind it looks like, and what the numbers did. One email a month, nothing in between.

Double opt-in — we send one confirmation link and nothing else until you click it.

BlockDex

Built by

Kynth Studios

the studio behind SkillWorks, RuleStack and ToolDrift

part of Toolproof, the measurement layer for AI agent tooling

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

© 2026 BlockDex. A Kynth Studios product. Changelog

BlockDex