Greenhouse React UI

Overview

Greenhouse React UI is a react component library with Tailwind CSS integration and a beautiful design system. It aims to provide developers with a lightweight and accessible component library to easily build impressive react projects.

Features

• Lightweight: Greenhouse React UI is designed to be lightweight, providing developers with a fast and efficient component library.
• Accessible: The components in Greenhouse React UI are built with accessibility in mind, making it easier to create inclusive applications.
• Tailwind Integration: The library seamlessly integrates with Tailwind CSS, allowing developers to easily customize and style the components.
• Gorgeous Design System: Greenhouse React UI comes with a visually appealing design system, ensuring that the components look great out of the box.

Installation

To install Greenhouse React UI, follow these steps:

1. Inside your tailwind.config.js file, import the Greenhouse React UI styles:

   module.exports = {
     // ...
     theme: {
       // ...
     },
     plugins: [
       // ...
       require('@greenhouse/react-ui/tailwind'),
     ],
   }
   

2. Install Greenhouse React UI package using npm or yarn:

   npm install @greenhouse/react-ui
   

3. Import and use the components in your project:

   import { Button, Input } from '@greenhouse/react-ui';
   
   // Example usage
   const App = () => {
     return (
       <div>
         <Button>Click me</Button>
         <Input placeholder="Enter your name" />
       </div>
     );
   }
   

Summary

Greenhouse React UI is a feature-rich react component library that provides developers with a lightweight and accessible solution for building react projects. With its seamless integration with Tailwind CSS and visually appealing design system, developers can easily create impressive applications while maintaining a great user experience. The installation process is straightforward, making it easy to get started with Greenhouse React UI in any project.