ATC Design System

A modern React component library built with Tailwind CSS for ATC applications.

Features

• 🎨 Comprehensive set of accessible UI components
• ⚡ Built with React 19 and TypeScript
• 🖌️ Themeable with Tailwind CSS
• 📦 Lightweight and fast
• 📱 Fully responsive components

Installation

npm install atc-design-system
# or
yarn add atc-design-system
# or
pnpm add atc-design-system

Usage

First, add the CSS to your project:

import "atc-design-system/dist/atc-design-system.css";

Then import components:

import { Button } from "atc-design-system";

function MyComponent() {
  return <Button variant="primary">Click me</Button>;
}

Documentation

For full documentation and examples, visit our Storybook.

Requirements

• React 19+
• Tailwind CSS (for styling)

Contributing

We welcome contributions! Please see our Contributing Guidelines.

License

MIT © ATC