Package Exports

arcadeui
arcadeui/dist/index.es.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (arcadeui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

Clone the repository
Install dependencies:

yarn install

Start the development server:

yarn dev

Build for production:

yarn build

Contributing

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

License

MIT