# greenhouse-react-ui

> React UI component library built with Tailwind CSS

Latest version **1.1.6** (published 2023-06-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install greenhouse-react-ui
pnpm add greenhouse-react-ui
yarn add greenhouse-react-ui
bun add greenhouse-react-ui
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.6 |
| Published | 2023-06-19 |
| First published | 2023-02-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | 16.15.1 |
| Dependencies | 5 |
| Unpacked size | 122.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Author | Kiran Dash |
| Maintainers | kirandash |
| Keywords | react |

## Links

- npm: https://www.npmjs.com/package/greenhouse-react-ui
- Repository: https://github.com/kirandash/greenhouse-react-ui
- Homepage: https://github.com/kirandash/greenhouse-react-ui#readme
- Issues: https://github.com/kirandash/greenhouse-react-ui/issues
- npm.io page: https://npm.io/package/greenhouse-react-ui

## Dependencies (5)

- [clsx](https://npm.io/package/clsx.md) 1.2.1
- [react](https://npm.io/package/react.md) 18.2.0
- [deepmerge](https://npm.io/package/deepmerge.md) 4.3.0
- [react-dom](https://npm.io/package/react-dom.md) 18.2.0
- [tailwindcss](https://npm.io/package/tailwindcss.md) 3.2.7

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.6 (latest) — 2023-06-19
- 1.1.5 — 2023-06-19
- 1.1.4 — 2023-06-19
- 1.1.3 — 2023-06-19
- 1.1.1 — 2023-06-11
- 1.1.0 — 2023-05-28
- 1.0.31 — 2023-03-28
- 1.0.30 — 2023-03-17
- 1.0.29 — 2023-03-13
- 1.0.28 — 2023-03-11
- 1.0.27 — 2023-03-11
- 1.0.26 — 2023-03-11
- 1.0.24 — 2023-03-11
- 1.0.23 — 2023-03-07
- 1.0.22 — 2023-03-07
- … 22 more at https://npm.io/package/greenhouse-react-ui/versions

## README

# Greenhouse React UI

The react component library with Tailwind and a gorgeous design system to help
you build awesome react projects.

<p>
  <a href="https://codecov.io/gh/kirandash/greenhouse-react-ui"><img src="https://codecov.io/gh/kirandash/greenhouse-react-ui/branch/main/graph/badge.svg?token=H26ECXXPKW" alt="Codecov" /></a>
  <img src="https://github.com/kirandash/greenhouse-react-ui/workflows/Build/badge.svg" alt="Build" />
  <a href="https://www.npmjs.com/package/greenhouse-react-ui"><img src="https://img.shields.io/npm/v/greenhouse-react-ui" alt="npm" /></a>
  <a href="https://github.com/kirandash/greenhouse-react-ui/blob/master/LICENSE"><img src="https://img.shields.io/github/license/kirandash/greenhouse-react-ui" alt="MIT License" /></a>
</p>

## 🎯 Mission

Build a light weight accessible component library ready to be used out of the
box for building your next awesome react project.

## 🚀 Usage

Install

```sh
npm i greenhouse-react-ui
```

Inside `tailwind.config.js`

```js
const greenhouse = require('greenhouse-react-ui/config')
module.exports = greenhouse({
	purge: [],
	theme: {
		extend: {},
	},
	variants: {},
	plugins: [],
})
```

Then place `GreenHouse` at the root of your project (the order doesn't matter,
as long as your application is inside).

```js
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { GreenHouse } from 'greenhouse-react-ui'

ReactDOM.render(
	<GreenHouse>
		<App />
	</GreenHouse>,
	document.getElementById('root'),
)
```

Use components inside your project

```js
import { Button } from 'greenhouse-react-ui'

function App() {
	return <Button>Hi there!</Button>
}

export default App
```

## 🔌 Contributing

- Fork
- Clone
- `npm install`
- `npm run storybook`

It will start a local server at `localhost:6006` with all components rendered.

`git commit` to commit your changes

`git push` will trigger prettier format check, linting, audit and build.


## 🙏 Support

Please ⭐️ star this project and share it with others to show your support. [Follow me](https://github.com/kirandash) ❤️ for updates on future projects and tutorials!

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