Introduction

Welcome to pixel-ui

pixel-ui is an opinionated pixel-art styled React component library built on top of Base UI. It provides ready-to-use components with a retro, 8-bit aesthetic while maintaining modern accessibility standards and developer experience.

Features

🎮 Pixel-art aesthetic - Authentic retro styling with pixel-perfect borders and shadows
♿ Accessible by default - Built on Base UI with ARIA compliance
📦 Plug and play - Zero configuration, works out of the box
🌓 Dark mode included - Automatic light/dark theme switching
📘 TypeScript - Full type safety out of the box

Getting Started

Installation

Get started with pixel-ui in your project

Components

Explore available components

Philosophy

pixel-ui embraces the charm of classic 8-bit and 16-bit era interfaces while providing modern React patterns and accessibility features. Every component is designed to be:

Simple - Import and use, no configuration needed
Accessible - Full keyboard navigation and screen reader support
Performant - Minimal runtime overhead with CSS-based styling