# vactory-ui

> Vactory UI using Tailwindcss

Latest version **1.1.0-344** (published 2022-01-20) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0-344 |
| Published | 2022-01-20 |
| First published | 2020-10-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 29 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Abdelkoddous |
| Maintainers | voidagency |

## Links

- npm: https://www.npmjs.com/package/vactory-ui
- Repository: https://github.com/voidagency/vactory-tailwind
- Homepage: https://github.com/voidagency/vactory-tailwind#readme
- Issues: https://github.com/voidagency/vactory-tailwind/issues
- npm.io page: https://npm.io/package/vactory-ui

## Dependencies (29)

- [clsx](https://npm.io/package/clsx.md) ^1.1.1
- [react](https://npm.io/package/react.md) ^16.12.0
- [dotenv](https://npm.io/package/dotenv.md) ^8.2.0
- [rtlcss](https://npm.io/package/rtlcss.md) ^3.0.0
- [postcss](https://npm.io/package/postcss.md) ^8.2.2
- [react-dom](https://npm.io/package/react-dom.md) ^16.12.0
- [cogo-toast](https://npm.io/package/cogo-toast.md) ^4.2.3
- [microbundle](https://npm.io/package/microbundle.md) ^0.14.2
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^2.0.2
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^10.1.0
- [react-icomoon](https://npm.io/package/react-icomoon.md) ^2.4.3
- [@glidejs/glide](https://npm.io/package/@glidejs/glide.md) ^3.4.1
- [postcss-import](https://npm.io/package/postcss-import.md) ^14.0.0
- [postcss-loader](https://npm.io/package/postcss-loader.md) ^4.1.0
- [postcss-nested](https://npm.io/package/postcss-nested.md) ^5.0.3
- [tailwindcss-dir](https://npm.io/package/tailwindcss-dir.md) ^4.0.0
- [tailwindcss-rtl](https://npm.io/package/tailwindcss-rtl.md) ^0.7.3
- [@headlessui/react](https://npm.io/package/@headlessui/react.md) ^0.2.0
- [copy-to-clipboard](https://npm.io/package/copy-to-clipboard.md) ^3.3.1
- [@tailwindcss/forms](https://npm.io/package/@tailwindcss/forms.md) ^0.2.1
- [@rollup/plugin-json](https://npm.io/package/@rollup/plugin-json.md) ^4.1.0
- [@rollup/plugin-babel](https://npm.io/package/@rollup/plugin-babel.md) ^5.3.0
- [tailwindcss-children](https://npm.io/package/tailwindcss-children.md) ^2.1.0
- [animated-number-react](https://npm.io/package/animated-number-react.md) ^0.1.1
- [@storybook/addon-knobs](https://npm.io/package/@storybook/addon-knobs.md) ^6.1.11
- [@tailwindcss/line-clamp](https://npm.io/package/@tailwindcss/line-clamp.md) ^0.2.0
- [@storybook/addon-controls](https://npm.io/package/@storybook/addon-controls.md) ^6.1.11
- [@tailwindcss/aspect-ratio](https://npm.io/package/@tailwindcss/aspect-ratio.md) ^0.2.0
- [tailwindcss-pseudo-elements](https://npm.io/package/tailwindcss-pseudo-elements.md) ^1.5.1

## Recent versions

- 1.1.0-344 (latest) — 2022-01-20
- 1.1.0-340 — 2022-01-20
- 1.0.8 — 2020-12-14
- 1.0.7 — 2020-12-03
- 1.0.6 — 2020-11-20
- 1.0.5 — 2020-11-05
- 1.0.4 — 2020-11-05
- 1.0.3 — 2020-10-22
- 1.0.2 — 2020-10-20
- 0.1.1 — 2020-10-20

## README

# vactory-tailwind
Vactory UI using Tailwindcss

## Usage

Add the library to your react app (or create a new one):

```
yarn create react-app my-app
cd my-app
yarn add vactory-ui
yarn start
```
Import the stylesheet in your `App.js`:

```patch
  import logo from './logo.svg';
  import './App.css';
+ import "vactory-ui/styles.css"
  
  function App() {
    return (
      <div className="App" />     
```

Enjoy a bunch of beautiful and ready to use components :)


```patch
  import logo from './logo.svg';
  import './App.css';
  import "vactory-ui/styles.css";
+ import Toolbox from "vactory-ui/Toolbox";
+ import StickyFull from "vactory-ui/Banners";

  function App() {
    return (
      <div className="App">
+       <Toolbox.Sliding />
+       <StickyFull.Floating />
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
```

For the list of the available components: 
[vactory-tailwind-ui.netlify.app](https://vactory-tailwind-ui.netlify.app/) 
and [github.com/voidagency/vactory-tailwind](https://github.com/voidagency/vactory-tailwind/tree/master/src/components)

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