A favicon of Kokonut UI

Kokonut UI

An open-source collection of over 100 UI components built with Tailwind CSS and shadcn/ui, designed for React and Next.js applications.

A screenshot of Kokonut UIVisit

KokonutUI: Open-Source UI Components for React & Next.js with Tailwind CSS

KokonutUI offers an extensive open-source collection of over 100 UI components, meticulously crafted for design engineers and developers. These components are built using Tailwind CSS and integrate with shadcn/ui, specifically tailored for React and Next.js projects. Enhance your applications with modern design systems and accelerate your development workflow with these ready-to-use elements designed with Motion for dynamic user experiences.

Features:

  • Tailwind CSS Integration: Components are styled using Tailwind CSS for flexible customization and utility-first styling.
  • React Compatibility: Designed specifically for seamless use within React applications.
  • Next.js Compatibility: Optimized for robust integration with Next.js projects.
  • shadcn/ui Foundation: Leverages the structure, principles, and architecture of shadcn/ui.
  • Motion Integration: Incorporates Motion (likely Framer Motion) for engaging animations and dynamic user experiences.
  • Extensive Component Library: Provides a rich collection of over 100 open-source UI components.
  • Modern Design Focus: Components adhere to contemporary UI design principles and modern aesthetics.
  • Search Command Component: Includes a dedicated component for implementing search command interfaces.
  • AI Chat Component: Offers an AI-powered chat component for interactive user engagement.
  • Versatile Button Components: Provides a variety of button styles and functionalities.
  • Form Input Elements: Includes a range of input components suitable for forms.
  • Modern Card Designs: Features contemporary and newly designed card components.
  • Open Source Licensing: Freely available under the MIT License, permitting broad use and modification.
  • Comprehensive Documentation: Detailed documentation is provided to assist with getting started and component usage.

Summary:

KokonutUI equips developers with a comprehensive, open-source library featuring more than 100 UI components. Tailored for React and Next.js environments, these elements are styled using Tailwind CSS, built upon shadcn/ui, and enhanced with Motion for animations. This collection is designed to significantly speed up UI development by offering pre-built, modern components, enabling developers to construct visually appealing and interactive user interfaces with greater efficiency. The project is MIT licensed and well-documented.

Distribution:
opensource
GitHub:
831 Stars
38 Forks
Share:

 

  
 

Similar to Kokonut UI:

 

  
  

 

  
  

 

  
  
Kokonut UI: Stunning open-source UI components for React, Next.js, and Tailwind CSS. – Awesome-Shadcn/ui