KokonutUI LogoKokonutUIPro
Go to Homepage

Introduction

Getting started with Kokonut UI - PRO.

Get started

KokonutUI - PRO helps you to build projects faster. it is designed for Next.js but can be run smoothly with standalone React.

Installation

Access to KokonutUI - PRO

All components require to be a paid user to access the code. For free components please visit, https://kokonutui.com/ which is open-source version.

1. Install cn utility

bunx shadcn@latest add https://kokonutui.com/r/utils.json 

2. Install lucide icons

The only dependencies we are using is lucide-icons.

3. That's it.

You can now copy paste any components, each component are standalone which mean you don't any additional dependencies

Simply copy and paste the components you'd like and add it to your project.

4. Optionnal dependencies

Some components require motion for advanced animation. They are under the Motion category.

On this page