Getting Started

Installation

Get started by creating a new Next.js project with our UI components:

Once installed, you can start the development server:

Project Structure

The project is organized into the following structure:

├── components/
│   ├── UI/
│   │   ├── Button.tsx
│   │   ├── Input.tsx
│   │   └── ...
│   └── ...
├── app/
│   ├── button/
│   ├── input/
│   └── ...
└── ...

Usage

Import and use components in your pages:

import { Button } from '@/components/UI/Button';

export default function MyPage() {
  return (
    <Button variant="primary" size="md">
      Click me
    </Button>
  );
}