UI Kit - Radix UI

Beautiful, accessible components for Next.js projects

🎨 Pre-styled

Beautiful components built on Radix UI primitives

🔧 Customizable

Easy to theme and extend with Tailwind CSS

📦 Tree-shakeable

Import only what you need, optimized bundle size

♿ Accessible

WCAG compliant with keyboard navigation

🎯 TypeScript

Full type safety and autocomplete support

📱 Responsive

Mobile-first design that works everywhere

Quick Start

1. Install the package

bun add git+https://github.com/yoyoucay/radix-ui-components-lib.git

2. Import styles

import 'radix-ui-components-lib/styles';

3. Use components

import { Button, Navbar } from 'radix-ui-components-lib';

Available Components

Button

Versatile button with multiple variants and sizes

Dialog

Modal dialog for alerts and confirmations

Dropdown Menu

Contextual menu with nested support

Tooltip

Accessible tooltips for additional information

Navbar

Responsive navigation bar with mobile menu

Sidebar

Collapsible sidebar with nested navigation

Separator

Visual divider for content sections

More coming...

More components are being added regularly

Built with ❤️ using Radix UI, Tailwind CSS, and Next.js

GitHub · Examples · API Docs