@start-base/start-ui/README.md

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

<p align="center">
  <a href="https://startbase.dev" target="_blank">
    <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" />
  </a>
</p>

<h1 align="center">@start-base/start-ui</h1>

<p align="center">
  Discover a powerful and flexible React UI library crafted for seamless customization and effortless integration. Built specifically with Next.js in mind, these components streamline website development, enhance productivity, and empower you to create highly adaptable, user-friendly interfaces with ease.
</p>

<p align="center">
  <a href="https://github.com/startbase-dev/start-ui/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="license" /></a>
  <a href="https://npmjs.com/package/@start-base/start-ui" target="_blank"><img src="https://img.shields.io/npm/dt/%40start-base/start-ui" alt="weekly" /></a>
  <a href="https://npmjs.com/package/@start-base/start-ui" target="_blank"><img src="https://img.shields.io/bundlephobia/minzip/%40start-base%2Fstart-ui" alt="size" /></a>
  <a href="https://npmjs.com/package/@start-base/start-ui" target="_blank"><img src="https://img.shields.io/npm/v/%40start-base%2Fstart-ui" alt="npm" /></a>
</p>

---

## Documentation

For full documentation, visit [start-ui.startbase.dev](https://start-ui.startbase.dev/docs).

## Installation

To install, you can use [npm](https://npmjs.org) or [yarn](https://yarnpkg.com):

```bash title='Terminal'
$ npm install @start-base/start-ui
# or
$ yarn add @start-base/start-ui
```

Make sure to import `styles.css` to your app root:

```tsx
import '@start-base/start-ui/styles.css';
```

## Features

- CSS variables for theming.
- Classnames for fine tuning.
- Built-in dark mode support.
- Variants for different styles.

## Demos

For live demos, please visit our [Storybook](https://start-ui-storybook.vercel.app/) page.

## Contributing

Contributions are welcomed. Feel free to submit pull requests and improvements to the project!

<table>
  <tr>
    <td align="center">
      <img src="https://github.com/yunusozcan.png" width="60px" /><br />
      <sub>
        <a href="https://github.com/yunusozcan">yunusozcan</a>
      </sub>
    </td>
    <td align="center">
      <img src="https://github.com/emreonursoy.png" width="60px" /><br />
      <sub>
        <a href="https://github.com/emreonursoy">emreonursoy</a>
      </sub>
    </td>
    <td align="center">
      <img src="https://github.com/kaganAhmetOkan.png" width="60px" /><br />
      <sub>
        <a href="https://github.com/kaganAhmetOkan">kaganAhmetOkan</a>
      </sub>
    </td>
    <td align="center">
      <img src="https://github.com/ezgiergun.png" width="60px" /><br />
      <sub>
        <a href="https://github.com/ezgiergun">ezgiergun</a>
      </sub>
    </td>
  </tr>
</table>