---
title: PixelReact UI
---

import { Button, Input } from 'pixel-react';

<h1 align="center">PixelReact UI</h1>

<p align="center">
  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
</p>

---

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Documentation](#documentation)
- [Contributing](#contributing)
- [License](#license)

---

## Installation

Install PixelReact UI in your project directory with:

```bash
npm install pixel-react
```

or with Yarn:

```bash
yarn add pixel-react
```

## Usage

Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:

```jsx
import { Button } from 'pixel-react';

function App() {
  return (
    <div>
      <Button label="Button Label" variant="primary" />
    </div>
  );
}

export default App;
```

## Documentation

For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).

## Example

```jsx
import { Button } from 'pixel-react';

function ExampleComponent() {
  return <Button label="Click Me!" variant="primary" />;
}
```

## License

PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.

---