ArcadeUI

A pixel-perfect React component library for building retro-styled user interfaces with modern web technologies.

📚 Interactive Documentation

Explore our components and examples in our comprehensive documentation:

📘 View Documentation

Features

• 🎮 Pixel-perfect design system
• 🎯 Fully customizable components
• 📝 TypeScript support
• ⚛️ Modern React patterns
• 📱 Responsive design
• 🚀 Built with Vite

Installation

Install ArcadeUI using your preferred package manager:

# Using npm
npm install arcadeui

# Using yarn
yarn add arcadeui

# Using pnpm
pnpm add arcadeui

Quick Start

import { Button, Card } from "arcadeui";

function App() {
  return (
    <Card>
      <h1>Welcome to ArcadeUI!</h1>
      <Button>Get Started</Button>
    </Card>
  );
}

Documentation

Explore our components and examples in our interactive documentation:

https://arcade-ui.pages.dev/

Requirements

• React 16.8 or later
• React DOM 16.8 or later
• Modern browser support

Components

ArcadeUI includes the following components:

Forms

• Input
• Select
• Calendar

Feedback

• Alert
• Modal
• Accordion

Layout

• Button
• Badge
• Card
• Avatar
• Breadcrumbs
• Carousel
• Chat Bubble

Data Visualization

• Chart
• Table

Tech Stack

• React ^19.0.0
• React DOM ^19.0.0
• React Router DOM ^7.2.0
• TypeScript ~5.7.2
• Tailwind CSS ^4.0.9
• Vite ^4.3.4

Framework Compatibility

• React (v16.8+)
• Next.js (v12+)
• Vite (v2+)

Development

1. Clone the repository
2. Install dependencies:

yarn install

3. Start the development server:

yarn dev

4. Build for production:

yarn build

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT