# pol-ui

> Beauty and Performance React UI Library

Latest version **1.2.0** (published 2025-01-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install pol-ui
pnpm add pol-ui
yarn add pol-ui
bun add pol-ui
```

## Health

**Score 40/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2025-01-05 |
| First published | 2023-04-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=20 |
| Dependencies | 28 |
| Unpacked size | 2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 7 |
| Author | Pol Gubau Amores |
| Maintainers | pol-gubau |
| Keywords | design-system, pol gubau amores, react, tailwind, tailwindcss, ui |

## Links

- npm: https://www.npmjs.com/package/pol-ui
- Repository: https://github.com/PolGubau/pol-ui
- Homepage: https://ui.polgubau.com
- Issues: https://github.com/PolGubau/pol-ui/issues
- npm.io page: https://npm.io/package/pol-ui

## Dependencies (28)

- [zod](https://npm.io/package/zod.md) ^3.23.8
- [gsap](https://npm.io/package/gsap.md) ^3.12.5
- [vaul](https://npm.io/package/vaul.md) ^0.9.1
- [sonner](https://npm.io/package/sonner.md) ^1.7.0
- [date-fns](https://npm.io/package/date-fns.md) ^3.6.0
- [crypto-js](https://npm.io/package/crypto-js.md) ^4.2.0
- [@gsap/react](https://npm.io/package/@gsap/react.md) ^2.1.1
- [react-icons](https://npm.io/package/react-icons.md) ^4.12.0
- [framer-motion](https://npm.io/package/framer-motion.md) ^10.18.0
- [tailwind-merge](https://npm.io/package/tailwind-merge.md) ^2.0.0
- [react-use-measure](https://npm.io/package/react-use-measure.md) ^2.1.1
- [@radix-ui/react-slot](https://npm.io/package/@radix-ui/react-slot.md) ^1.0.2
- [@polgubau/biome-config](https://npm.io/package/@polgubau/biome-config.md) ^0.0.3
- [@radix-ui/react-dialog](https://npm.io/package/@radix-ui/react-dialog.md) ^1.0.5
- [@radix-ui/react-select](https://npm.io/package/@radix-ui/react-select.md) ^2.0.0
- [@radix-ui/react-slider](https://npm.io/package/@radix-ui/react-slider.md) ^1.1.2
- [react-resizable-panels](https://npm.io/package/react-resizable-panels.md) ^2.0.18
- [@radix-ui/react-popover](https://npm.io/package/@radix-ui/react-popover.md) ^1.0.7
- [@radix-ui/react-tooltip](https://npm.io/package/@radix-ui/react-tooltip.md) ^1.0.7
- [@storybook/addon-themes](https://npm.io/package/@storybook/addon-themes.md) ^8.4.7
- [class-variance-authority](https://npm.io/package/class-variance-authority.md) ^0.7.0
- [@radix-ui/react-accordion](https://npm.io/package/@radix-ui/react-accordion.md) ^1.2.0
- [@radix-ui/react-primitive](https://npm.io/package/@radix-ui/react-primitive.md) ^1.0.3
- [@radix-ui/react-collapsible](https://npm.io/package/@radix-ui/react-collapsible.md) ^1.0.3
- [@radix-ui/react-scroll-area](https://npm.io/package/@radix-ui/react-scroll-area.md) ^1.1.0
- [@radix-ui/react-toggle-group](https://npm.io/package/@radix-ui/react-toggle-group.md) ^1.1.0
- [@radix-ui/react-dropdown-menu](https://npm.io/package/@radix-ui/react-dropdown-menu.md) ^2.0.6
- [@radix-ui/react-navigation-menu](https://npm.io/package/@radix-ui/react-navigation-menu.md) ^1.1.4

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 1.2.0 (latest) — 2025-01-05
- 2.1.111 — 2024-11-28
- 2.1.110 — 2024-11-24
- 2.1.109 — 2024-11-24
- 2.1.105 — 2024-11-22
- 2.1.104 — 2024-11-22
- 2.1.103 — 2024-11-22
- 2.1.102 — 2024-11-22
- 2.1.101 — 2024-11-21
- 2.1.99 — 2024-11-21
- 2.1.97 — 2024-11-19
- 2.1.96 — 2024-11-19
- 2.1.95 — 2024-11-19
- 2.1.94 — 2024-11-19
- 2.1.93 — 2024-11-19
- … 433 more at https://npm.io/package/pol-ui/versions

## README

<h1 align="center">
  Pol-ui
</h1>

[![Checked with Biome](https://img.shields.io/badge/Checked_with-Biome-60a5fa?style=flat&logo=biome)](https://biomejs.dev)
[![semantic-release: angular](https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
![GitHub License](https://img.shields.io/github/license/PolGubau/pol-ui)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues/PolGubau/pol-ui)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues-pr/PolGubau/pol-ui)

![NPM Version](https://img.shields.io/npm/v/pol-ui)



<p align="center">
A complete UI solution for React projects, based on React, TypeScript, and tailwind.
  <br />
  <br />
  <a href="https://github.com/PolGubau/ui">Stars are welcome 😊</a>
</p>

## 🏎️ Using this package

1. Install the package with npm (or pnpm, bun, pnpm...)

```bash
npm i pol-ui
```

2. Import the components you want to use

```js
import { Button } from 'pol-ui'
```

3. Use them in your project

```jsx
<Button>Click me!</Button>
```

## 📚 Documentation

- `npm run docs`: Run Storybook documentation in dev mode
- `npm run build:docs`: Build Storybook documentation

## ✅ Testing

This package has unit and component tests configured with Jest

`npm run test`: Run unit tests with Jest and React Testing Library
`npm run test:watch`: Run unit tests on watch mode

## 🔦 Linting

- `npm run lint`: Run linter
- `npm run lint:fix`: Fix lint issues

## 🚀 CI and Publishing

This template comes with a GitHub Actions workflow to automatically publish on any push to `main` when the `package.json` version number differs from the latest on npm.

---
_Source: https://npm.io/package/pol-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
