<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

Access a collection of free-to-use, standalone components with KokonutUI.

Each component is designed with TailwindCSS, and optionally with shadcn and Framer-motion.

## Getting Started

Please check [kokonutui.com/docs](https://kokonutui.com/docs)


## Contributing

Feel free to create PR

## License

This project is licensed under the MIT License.

## Note

The project is currently work-in progress you can follow updates at [@dorian](https://x.com/dorian_baffier)


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.