Resources

Everything you need to plant Greenhouse in your own project — install the package, wire up the styles, and follow the system as it grows.

Install

Add the package from npm. It ships with React 19 as a peer dependency, so make sure your project is on React 19 or later.

npm i @adeeeeta/greenhouse

Setup

Import the token and component stylesheets once at the root of your app. The tokens.css file defines every design token — colors, spacing, typography — and styles.css carries the component styles. Both are required for components to render correctly.

import "@adeeeeta/greenhouse/tokens.css";
import "@adeeeeta/greenhouse/styles.css";

Then import any component and use it directly. Everything is exported from the package root.

import { Button } from "@adeeeeta/greenhouse";

export default function Page() {
  return <Button kind="primary">Add to greenhouse</Button>;
}

Links

The package, its source, and the design file it grew from.