![IndielayerUI-Logo-Dark](.github/logo_dark.svg#gh-dark-mode-only)
![IndielayerUI-Logo-Light](.github/logo.svg#gh-light-mode-only)


<p>
  <a href="https://github.com/indielayer/ui/actions/workflows/release_production.yml"><img src="https://github.com/indielayer/ui/actions/workflows/release_production.yml/badge.svg?branch=main&event=push" alt="ci"></a>
  <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/dm/@indielayer/ui" alt="Downloads"></a>
  <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/v/@indielayer/ui/latest" alt="Version"></a>
  <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/license/@indielayer/ui" alt="License"></a>
</p>

Vue 3 & Nuxt 3 UI Components built with Tailwind 3. **Build and prototype fast web applications.** 🚀

## 📖 Documentation
Read the <a href="https://indielayer.com/ui/docs">Online Documentation</a>.

## Quickstart
```bash
npm init @indielayer/ui@latest
```

---

### Development

- Clone repository
- Ensure you have the latest LTS version of Node.js installed
- Install dependencies with `pnpm install`
- Run `pnpm dev` to enter dev mode watch
- Develop docs with `pnpm run docs`

### Documentation

The documentation is located inside [/packages/ui/docs](./packages/ui/docs)

- Run `pnpm dev` for development
- Run `pnpm build:docs` from project root to build the documentation

## License

[MIT](./LICENSE)

Copyright (c) 2024, Indielayer
