react-ui-lab

A collection of accessible React UI components built with TypeScript and Storybook.

🎯 Goals

• Build reusable, accessible (WCAG 2.1) UI components
• Compare implementation styles: Tailwind CSS vs SCSS Modules
• Document with Storybook for portfolio use

🛠 Tech Stack

• Framework: React 19 + TypeScript
• Build: Vite
• Styling: Tailwind CSS + SCSS Modules
• Documentation: Storybook
• Accessibility: jsx-a11y, @storybook/addon-a11y, Radix UI (selectively)

🚀 Getting Started

npm install
npm run dev          # Start Vite dev server
npm run storybook    # Start Storybook (http://localhost:6006)

📖 Documentation

• Live Storybook
• Design Document

📂 Project Structure

src/
├── components/      # UI components
├── styles/          # Design tokens (CSS Variables + SCSS)
└── utils/           # Shared utilities

📝 License

MIT