Yuki UI LogoYuki UI

Yuki UI

Yuki UI Components
for Modern Web Apps

A comprehensive collection of accessible, customizable components built with React, TypeScript, and Tailwind CSS. Install with a single command.

Get Started
Terminal
bunx --bun shadcn@latest add https://ui.tiesen.id.vn/r/{name}.json

Everything you need to build faster

A complete toolkit for building modern web applications with React and Next.js

Rich Component Library

Over 50+ production-ready components including forms, navigation, overlays, and data display elements.

Powerful Hooks

Custom React hooks for common patterns like media queries, local storage, debouncing, and more.

Fully Customizable

Built with Tailwind CSS and CSS variables. Easily theme and customize to match your brand.

TypeScript First

Written in TypeScript with full type definitions for excellent developer experience and autocomplete.

Comprehensive toolkit for developers

Components, hooks, and utilities designed to work seamlessly together

Components
UI building blocks
Nvim StatuslineOpen Graph ImagePassword InputProgress ButtonTypography
Hooks
React utilities
useDebounceuseForm
Utilities
Helper functions
createEnv()