Nextjs Templates & Themes Logo Nextjs Templates & Themes
Kokonut UI screenshot

Kokonut UI

Author Avatar Theme by Kokonut labs
Updated: 12 May 2025
815 Stars

Collection of components built for Next.js and React with Tailwind CSS and shadcn/ui

Github Live Preview

Categories

React React Tailwind Tailwind Shadcn ui

Overview

Kokonut UI is an open-source collection of UI Components catered towards Design Engineers and Developers. Each component is meticulously designed using TailwindCSS and Motion for React and Next.js.

Features

  • Open-Source: Free for anyone to use and modify.
  • TailwindCSS Integration: Components are designed with TailwindCSS for easy customization.
  • Motion for React and Next.js: Utilizes Motion for dynamic and engaging user interfaces.

Installation

To install the Kokonut UI theme, follow these steps:

  1. Clone the repository:
git clone https://github.com/KokonutUI/theme.git
  1. Install dependencies:
npm install
  1. Start using the theme with React or Next.js.

Summary

Kokonut UI is an open-source UI component library that offers a range of features catered towards Design Engineers and Developers. With its integration with TailwindCSS and Motion for React and Next.js, users can easily customize and create dynamic user interfaces. Install the theme by cloning the repository and following the provided installation guide to get started with Kokonut UI.