ChocoUI - Sleek, Modern UI Components Library for Your Web Projects

ChocoUI is a professional, minimal, and sleek UI component library designed to help developers build beautiful web applications in seconds. With ready-to-use components, templates, and comprehensive documentation, you can focus on functionality while we handle the design.

✨ Features

• Copy-Paste Components – Simply copy the code and drop it into your project.
• Modern & Minimal Design – Clean, professional aesthetics for any web application.
• Fully Responsive – Works seamlessly across all devices.
• Pre-built Templates – Get fully designed websites in seconds.
• Comprehensive Docs – Easy-to-follow guides for every component.
• Lightweight & Fast – Optimized for performance.

🚀 Quick Start

1. Installation

1. Install Tailwind CSS v4

npm install tailwindcss @tailwindcss/vite

2. Configure the Vite plugin

import { defineConfig } from "vite";
import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
  plugins: [tailwindcss()],
});

3. Import Tailwind CSS in your main index.css file

@import "tailwindcss";

4. Start your build process

npm run dev

2. Using a Component

Browse our documentation, pick a component, and integrate it effortlessly.

// React Example
import { Button } from "chocoui";

function App() {
  return <Button variant="primary">Get Started</Button>;
}

3. Explore Templates

Need a full website? Check out our templates section for pre-built designs. ChocoUI Templates

❓ Why ChocoUI?

• ✅ Zero Learning Curve – Just copy, paste, and go.
• ✅ Consistent Design – Professional look across all components.
• ✅ Fast Development – Build UIs in minutes, not hours.
• ✅ Customizable – Easily tweak styles to match your brand.

📚 Documentation

Visit our Docs for detailed usage guides, examples, and customization options. ChocoUI Docs

🎨 Browse Components

Here’s a glimpse of what ChocoUI offers: ChocoUI Components

• Buttons – Primary, secondary, outline, and more.
• Cards – Sleek content containers.
• Navbars – Responsive navigation bars.
• Modals – Clean, customizable popups.
• Forms – Inputs, selects, checkboxes with validation.
• Loaders – Elegant loading indicators.
• And much more!

🤝 Contributing to ChocoUI

We welcome contributions from the community to make ChocoUI even better! Whether it's fixing bugs, adding new features, or improving documentation, your help is appreciated.

How to Contribute

1. Fork the Repository
   Start by forking the ChocoUI repository to your GitHub account.

2. Clone Your Fork
   Clone the forked repository to your local machine:

   git clone https://github.com/NikhilKumarMandal/chocoUi.git
   cd chocoUi

📜 License

ChocoUI is MIT licensed.