Installation

Density is currently available directly from GitHub as a pnpm workspace. Clone the repository, initialize its submodules, and install the workspace dependencies.

git clone https://github.com/sampl/density-ui.git
cd density-ui
git submodule update --init --recursive
pnpm install

Use the CSS

For CSS-only usage, import the density-css package from a stylesheet or application entry point.

import "density-css";

Use a component

React components are available from density-base-ui.

import { Button } from "density-base-ui";

export function Example() {
return <Button>Continue</Button>;
}

density-base-ui includes the shared density-css dependency. Import density-css directly when you only need the CSS.