<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.

This is not a library, it's a collection of components / hooks that you can copy paste and customize to your preference.

## Getting Started

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

## Demo

Please check https://kokonutui-demo.vercel.app/. This website has been made with KokonutUI in about 1 hour.

## Contributing

They are no way to contribute for now.

## 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.