Aether UI – React Component Library Starter

Aether UI is a modern starter template to build your own React UI component library using:

• TailwindCSS v4
• React 19
• Vite
• shadcn/ui
• Storybook
• TypeScript

📦 Features

• Tailwind CSS v4 integration with CSS variables
• React 19-compatible setup
• Vite-powered for fast builds and HMR
• Preconfigured Storybook for component-driven development
• Opinionated structure using shadcn/ui best practices
• Exportable component system
• Example components: Button

📂 Project Structure

src/
├── components/         # Reusable UI components
├── lib/                # Utility functions and types
├── stories/            # Component stories
├── index.ts            # Central export file
.storybook/             # Storybook configuration
vite.config.ts          # Vite configuration

🚀 Getting Started

# 1. Clone the repo
git clone https://github.com/iashutoshtiwari/aether-ui.git

# 2. Install dependencies
cd aether-ui
npm install  # or yarn / pnpm

# 3. Start the dev server
npm run dev

# 4. Launch Storybook
npm run storybook

📘 Related Article

This repo is the companion to my Medium guide::
How to Build a React UI Component Library

🛠️ Customization

Feel free to:

• Add your own components
• Modify the design tokens via Tailwind config
• Extend shadcn/ui and Tailwind plugins
• Set up npm publishing workflows

📄 License

MIT © Ashutosh Tiwari