Open Source Component Library

Ship faster with beautiful AI components

Professionally crafted, responsive UI components for building AI chatbots, payment flows, authentication, and documentation pages. Copy and paste into your project.

57+
Components
4
Categories
100%
TypeScript
Ready
Dark Mode

Get up and running in minutes

No configuration required. Copy production-ready components straight into your project.

01
One-time setup

Set up your stack

Works with any React + Tailwind project. Initialize shadcn/ui for base component primitives.

# Create a Next.js app
npx create-next-app@latest my-app
npx shadcn@latest init
Skip if you already have a project
02
Free components

Browse the catalog

50+ components for AI chatbots, payment flows, authentication, and documentation pages.

AI Chatbot
Payments
Auth
Docs
Browse all components
03
No npm install

Copy & paste

Click copy on any component and paste the source code directly into your project. That's it.

import { ChatMessage } from "@/components/chat"
<ChatMessage role="assistant" />
TypeScript types included

AI Chatbot

Build intelligent conversational interfaces

Pricing & Payment

Complete payment flow components

Authentication

Login, register, and OAuth flows

Documentation

Documentation page building blocks

PRO TEMPLATE

Full-Stack Next.js Starter

Complete SaaS template with auth, payments, AI chatbot & docs. Apply your custom theme and deploy to Vercel in one click.

Ready to build faster?

Copy production-ready components directly into your project. Built with React, TypeScript, and Tailwind CSS.

Solokit - Open Source AI Component Library for React & Next.js