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.

Terminal

bunx --bun shadcn@latest add https://yuki-ui.vercel.app/r/{name}.json

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

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

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

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

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

Components, hooks, and utilities designed to work seamlessly together

Components

UI building blocks

Nvim StatuslineOpen Graph ImageTypography

Hooks

React utilities

useDebounceuseForm

Utilities

Helper functions

createEnv()createId()