<p align="center">
  <a href="https://kokonutui.com" target="_blank">
    <picture>
      <source media="(prefers-color-scheme: light)" srcset="https://ferf1mheo22r9ira.public.blob.vercel-storage.com/logo-text-black-5nhu7g0JeNUhIuSzJyMXc11GATRT5V.png">
      <source media="(prefers-color-scheme: dark)" srcset="https://ferf1mheo22r9ira.public.blob.vercel-storage.com/logo-text-white-ny4myAjOAftDwH1fsmwyA265oUcecd.png">
      <img alt="KokonutUI" src="https://raw.githubusercontent.com/kokonut-labs/kokonutui/refs/heads/main/public/logo-black.svg" width="350" height="120" style="max-width: 100%;">
    </picture>
  </a>
</p>

## Overview

Open-source collection of UI Components for Design Engineer and Developers.

Each component is designed with TailwindCSS and Motion for React and Next.js

## Getting Started

Visit [kokonutui.com/docs](https://kokonutui.com/docs) for the documentation.


## Contributing

Feel free to create any pull requests or issues.

## License

This project is licensed under the MIT License.


Access a collection of free-to-use, standalone components with KokonutUI. Each component is designed with Tailwind CSS, and optional library such has shadcn and Framer Motion.