FAQ

General

What is the AI UX Kit?

The AI UX Kit is a production-ready React component library with 114+ components purpose-built for AI-powered interfaces. It includes primitives, composites, recipes (prompt submission, voice input, citations, etc.), and templates.

What tech stack does it use?

Next.js 15, React 19, Tailwind CSS 4, Radix UI, shadcn/ui patterns, TypeScript, and Turbopack for development.

Is this a design system or a code library?

Both. Your purchase includes the code kit (React components) and a Figma design file with all components, tokens, and patterns.

Can I use it in an existing project?

Yes. Copy the components/ui/ directory into your project, install the Radix UI dependencies, and import the design tokens into your CSS. See the Installation guide for details.

Licensing

What license is included?

Each purchase includes a license for either Solo (1 developer), Team (up to 10 developers), or Agency (unlimited developers + client delivery). See the product page for pricing details.

Can I use this in client projects?

With the Agency license, yes — you can use the kit in unlimited client projects. The Solo and Team licenses are for your own products only.

Do I get updates?

Yes. Your purchase includes access to the private GitHub repository. Pull the latest changes any time.

Technical

Does it support dark mode?

Yes. The kit uses next-themes for theme switching. All design tokens have light and dark mode values. Use the ThemeToggle component to add a theme switch.

Does it work with React Server Components?

The kit is designed for Next.js 15 with the App Router. Presentational components work as server components. Interactive components that use hooks or event handlers are client components (marked with "use client").

Can I use pnpm or yarn instead of npm?

Yes. All three package managers work. Replace npm install with pnpm install or yarn install.

How do I add new shadcn/ui components?

The kit is compatible with the shadcn/ui CLI:

npx shadcn@latest add <component-name>

What about bundle size?

Components use explicit imports, so unused components are automatically tree-shaken during the build. Delete any component directories you don't need to further reduce size.

Support

How do I get help?

Email support@thefrontkit.com or visit the Support page.

I found a bug. How do I report it?

Email the details to support@thefrontkit.com with steps to reproduce, and we'll address it in the next update.