Introduction

Welcome to Page Kit – an open-source collection of beautiful React components built with modern web technologies.

What is Page Kit?

Page Kit helps you build professional websites faster by providing ready-to-use, customizable components. Whether you're creating a landing page, documentation site, or web application, Page Kit gives you the building blocks you need.

Key Features

• Modern Stack: Built with Next.js 15, React 19, Tailwind CSS 4, and Motion
• CLI-Powered: Use the CLI to add components with automatic setup and dependencies
• Fully Customizable: Easy to modify and adapt to your design
• Dark Mode: Built-in theme switching support
• Responsive: Works beautifully on all devices
• TypeScript: Full type safety out of the box
• Smooth Animations: Powered by Motion for fluid user experiences

Quick Start

Get started in three simple steps:

1. Initialize your project

2. Add PageKit registry to your configuration

After initialization, you'll find a components.json file in your project root. Open it and add the PageKit registry to the registries section:

{
"registries": {
  "@pagekit": "https://page-kit.vercel.app/r/{name}.json"
}
}

3. Add components using the CLI

4. Use in your code

import { Button } from "@/components/ui/button";

export default function MyApp() {
return <Button>Click me!</Button>;
}

That's it! The CLI handles dependencies and setup automatically.

Contributing

Page Kit is open-source and welcomes contributions from developers of all skill levels. Check out our Contributing Guide to get started.

Ready to build something amazing? Let's get started!