@conveyorhq/react-components

The Conveyor design system component library. Built with Tailwind CSS 4, @base-ui/react, and @conveyorhq/design-tokens. Documented and tested via Storybook.

Installation

1. Install the package

yarn add @conveyorhq/react-components

2. Import the styles

import "@conveyorhq/react-components/dist/styles.css";

Do not run this CSS through PostCSS or Tailwind — it is pre-compiled and @layer-flattened for webpack compatibility.

Usage

import { Button, Card, Input } from "@conveyorhq/react-components";

export function MyForm() {
  return (
    <Card>
      <Input placeholder="Enter a value" />
      <Button variant="primary">Submit</Button>
    </Card>
  );
}

Development

yarn storybook        # Start Storybook dev server (port 6008)
yarn build            # Build library → dist/
yarn test             # Run Vitest (Storybook browser tests via Playwright)
yarn lint             # ESLint

For local testing in a consuming app, releasing, and contributing guidelines — see CONTRIBUTING.md.