# nexa-ui

> NexaUI is a easily customizable component library for React.

Latest version **1.0.16** (published 2023-09-01) · MIT license · 0 weekly downloads

## Install

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

## Health

**Score 25/100 (F)** — status: abandoned.

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

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.16 |
| Published | 2023-09-01 |
| First published | 2023-08-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 10 |
| Unpacked size | 104.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | bankkroll |
| Maintainers | bankkroll |

## Links

- npm: https://www.npmjs.com/package/nexa-ui
- Repository: https://github.com/BankkRoll/nexaui
- Homepage: https://www.npmjs.com/package/nexaui
- Issues: https://github.com/BankkRoll/nexaui/issues
- npm.io page: https://npm.io/package/nexa-ui

## Dependencies (10)

- [react](https://npm.io/package/react.md) ^18.2.0
- [nexa-ui](https://npm.io/package/nexa-ui.md) ^1.0.14
- [postcss](https://npm.io/package/postcss.md) ^8.4.28
- [animate.css](https://npm.io/package/animate.css.md) ^4.1.1
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^10.4.15
- [font-awesome](https://npm.io/package/font-awesome.md) ^4.7.0
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.2.0
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^6.4.2
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^6.4.2
- [@fortawesome/free-regular-svg-icons](https://npm.io/package/@fortawesome/free-regular-svg-icons.md) ^6.4.2

## Recent versions

- 1.0.16 (latest) — 2023-09-01
- 1.0.15 — 2023-09-01
- 1.0.14 — 2023-09-01
- 1.0.13 — 2023-08-28
- 1.0.12 — 2023-08-28
- 1.0.1 — 2023-08-28
- 1.0.0 — 2023-08-28

## README

# nexa-ui

![nexa-ui](https://github.com/BankkRoll/nexa-ui/assets/106103625/f45326f5-f355-4e7d-a1e9-6ca927d9232f)

Welcome to nexa-ui, a cutting-edge component library for React designed for both developers and designers.

## 🌟 Features

-   **Styling Flexibility**: Designed to adapt seamlessly with popular CSS frameworks like Tailwind, Bootstrap, and your custom styles.
-   **Integrated Animations**: Enjoy smooth, high-quality animations courtesy of animate.css.
-   **Icon Support**: Leverage Font Awesome icons to enhance your UI components.
-   **Custom Interactions**: Add interactive flair to your UI with our advanced custom features.
-   **Fully Customizable**: Tailor each component to align perfectly with your brand.
-   **Regular Updates**: An actively maintained library, stay tuned for regular feature updates and improvements.

## 📦 Installation

To install nexa-ui, run the following command:

```bash
npm install nexa-ui
```

## 🛠 Usage Flexibility

`nexa-ui` is meticulously crafted to offer utmost flexibility. Here are ways you can use our library:

### Pre-built Components

Simply import our Button, Card, and other components to get started instantly.

```jsx
import { Button, Card } from 'nexa-ui';
```

### Utility Hooks

Want to add some nexa-ui magic to your custom or third-party components? You can directly use our utility hooks like `useCoolMode`, `useDrippyMode`, etc.

```jsx
import {
    useCoolMode,
    useRainingMode,
    useExplodedMode,
    useDrippyMode,
} from 'nexa-ui';
```

#### Example: Adding Cool Mode to a Custom Button

```jsx
import React from 'react';
import { useCoolMode } from 'nexa-ui';

const MyCustomButton = () => {
    const coolMode = useCoolMode();

    return (
        <button {...coolMode} className="my-custom-button">
            My Cool Button
        </button>
    );
};
```

## 🔗 Additional Resources

-   [npm package](https://www.npmjs.com/package/nexa-ui)
-   [Storybook Demo](https://nexa-ui.vercel.app/)
-   [GitHub Repository](https://github.com/BankkRoll/nexa-ui)

## 🔜 Stay Tuned for More Updates!

We are constantly working to improve `nexa-ui` and add new features. Keep an eye on this space for future updates.

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