Joly UI

Joly UI Banner

A collection of modern, accessible, and animated React components used in Joly UI. <br /> Built for shadcn/ui and compatible with Next.js.

</div>

✨ Features

Beautifully Designed: Crafted with attention to detail and aesthetics.
Performance First: Built on top of framer-motion for buttery smooth 60fps animations.
Accessible: Follows WAI-ARIA patterns for inclusivity.
Customizable: Built with Tailwind CSS, giving you full control over styling.
Copy Paste: The "Registry" pattern allows you to own your code.
Type Safe: Written in TypeScript with comprehensive type definitions.

Joly UI is designed to be used as a copy-paste component library, similar to shadcn/ui.

Visit the Documentation: Go to jolyui.dev to browse the catalog.
Select a Component: Choose the component you want to use.
Copy the Code: Copy the component code directly into your project (usually components/ui).
Add Dependencies: Install any required dependencies listed in the docs.

pnpm add framer-motion lucide-react clsx tailwind-merge

This repository is a monorepo managed by Turbo and PNPM.

Clone the repository:

git clone https://github.com/johuniq/jolyui.git
cd jolyui

Install dependencies:
```
pnpm install
```
Start the development server:
```
pnpm dev
```
This will start the documentation site at http://localhost:3000.

We welcome contributions! Whether it's adding new components, fixing bugs, or improving documentation.

Please read our Contributing Guide for details on our code of conduct and the process for submitting pull requests.

This project is licensed under the MIT License - see the LICENSE file for details.

<div align="center"> Built with ❤️ by <a href="https://johuniq.tech">Johuniq</a> </div>