KUIreact

Composable UI System for Real Products

A production-ready component library built with Next.js and React. A layered design system and component architecture for real-world applications across multiple industry verticals.

Quick Start

$npm install
$npm run dev

Server starts at http://localhost:3000

Scripts

  • npm run devdevelopment server
  • npm run buildproduction build
  • npm startproduction server
  • npm run lintlint checks

Tech Stack

Next.js

16.2.4

React

19

TypeScript

5

Tailwind CSS

4

Module Layers

1modules/ui/Primitive components — atoms & molecules
2modules/app/Application-level patterns — organisms
3modules/domain/Industry-specific domain components
4modules/showcase/Documentation & live preview system
5app/theme/Full-page multi-product demos

Each layer builds on the one above it. Keep business logic in domain/app layers; ui components stay generic.

Live Themes

AI Playground
AI PlaygroundChat & content generation interface/theme/ai
API Docs
API DocsDeveloper API documentation portal/theme/api-doc
Blog
BlogEditorial content publishing/theme/blog
E-commerce
E-commerceProduct catalog & checkout/theme/commerce
Common Pages
Common PagesAuth, account & shared UI patterns/theme/common
Event Platform
Event PlatformEvents, tickets & venue management/theme/event
Fintech
FintechFinancial dashboard & transactions/theme/fintech
Food Delivery
Food DeliveryRestaurant ordering & delivery/theme/food
Forum
ForumCommunity discussion & Q&A/theme/forum
Jobs Board
Jobs BoardJob listings & career portal/theme/jobs
SaaS Landing
SaaS LandingMarketing site with pricing & hero/theme/landing
Media Platform
Media PlatformVideo & media streaming/theme/media
Real Estate
Real EstateProperty listings & search/theme/real-estate
Travel
TravelFlight & hotel booking/theme/travel
Social
SocialSocial network with feed, chat & marketplace/theme/social

Built by Kuray Karaaslan · Licensed under 0BSD