Package Exports

@voilajsx/uikit
@voilajsx/uikit/accordion
@voilajsx/uikit/adapters
@voilajsx/uikit/admin
@voilajsx/uikit/alert
@voilajsx/uikit/auth
@voilajsx/uikit/avatar
@voilajsx/uikit/badge
@voilajsx/uikit/blank
@voilajsx/uikit/breadcrumb
@voilajsx/uikit/button
@voilajsx/uikit/calendar
@voilajsx/uikit/card
@voilajsx/uikit/checkbox
@voilajsx/uikit/collapsible
@voilajsx/uikit/command
@voilajsx/uikit/container
@voilajsx/uikit/data-table
@voilajsx/uikit/dialog
@voilajsx/uikit/dropdown-menu
@voilajsx/uikit/footer
@voilajsx/uikit/form
@voilajsx/uikit/header
@voilajsx/uikit/hover-card
@voilajsx/uikit/input
@voilajsx/uikit/label
@voilajsx/uikit/menubar
@voilajsx/uikit/page
@voilajsx/uikit/pagination
@voilajsx/uikit/platform
@voilajsx/uikit/plugin
@voilajsx/uikit/popover
@voilajsx/uikit/popup
@voilajsx/uikit/progress
@voilajsx/uikit/radio-group
@voilajsx/uikit/select
@voilajsx/uikit/separator
@voilajsx/uikit/sheet
@voilajsx/uikit/skeleton
@voilajsx/uikit/slider
@voilajsx/uikit/styles
@voilajsx/uikit/switch
@voilajsx/uikit/table
@voilajsx/uikit/tabs
@voilajsx/uikit/textarea
@voilajsx/uikit/theme-provider
@voilajsx/uikit/themes
@voilajsx/uikit/toast
@voilajsx/uikit/toggle
@voilajsx/uikit/tooltip
@voilajsx/uikit/utils
@voilajsx/uikit/wrapper

Readme

@voilajsx/uikit

Custom Themes + Ready Layouts + Cross-Platform

A modern React component library that extends shadcn/ui with beautiful themes, complete page layouts, and universal platform support. Built with OKLCH color science and designed for modern web development, @voilajsx/uikit provides everything you need to build stunning applications quickly. Whether you're creating a simple website or a complex dashboard, our components adapt seamlessly across Web, React Native, Expo, and Tauri platforms while maintaining 100% API compatibility with shadcn/ui.

✨ What You Get

🎨 6 Professional Themes - Default, Metro, Studio, Ruby, Neon, Aurora
🏗️ 4 Page Layouts - Auth, Blank, Page, Admin templates
📦 3 Section Components - Header, Container, Footer building blocks
🧩 35+ UI Components - 100% shadcn/ui compatible
📱 Cross-Platform - Web, React Native, Expo, Tauri
⚡ Zero Migration - Just change imports, keep everything else

🚀 Quick Start

npm install @voilajsx/uikit

import { Button } from '@voilajsx/uikit/button';
import { ThemeProvider } from '@voilajsx/uikit/theme-provider';
import '@voilajsx/uikit/styles';

function App() {
  return (
    <ThemeProvider theme="ruby" variant="light">
      <Button size="lg">Beautiful Button</Button>
    </ThemeProvider>
  );
}

🎯 Zero Migration from shadcn/ui

- import { Button } from "@/components/ui/button"
+ import { Button } from "@voilajsx/uikit/button"

// Everything else stays exactly the same!
<Button variant="default" size="lg">Same API</Button>

📚 Documentation

For complete guides, live examples, theming tutorials, and full API reference, visit our comprehensive documentation site.

Built with ❤️ by the VoilaJSX Team