# @autoinvent/conveyor

> UI component library for magql

Latest version **1.12.1** (published 2025-07-22) · BlueOak-1.0.0 license · 0 weekly downloads

## Install

```sh
npm install @autoinvent/conveyor
pnpm add @autoinvent/conveyor
yarn add @autoinvent/conveyor
bun add @autoinvent/conveyor
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.12.1 |
| Published | 2025-07-22 |
| First published | 2020-02-26 |
| Weekly downloads | 0 |
| License | BlueOak-1.0.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 29 |
| Unpacked size | 5.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Moebius Solutions |
| Maintainers | davidism, m1234, itechify, trickardy, ccarson, robxbob |

## Links

- npm: https://www.npmjs.com/package/@autoinvent/conveyor
- npm.io page: https://npm.io/package/@autoinvent/conveyor

## Dependencies (29)

- [clsx](https://npm.io/package/clsx.md) ^2.1.1
- [immer](https://npm.io/package/immer.md) ^10.1.1
- [zustand](https://npm.io/package/zustand.md) ^4.5.5
- [date-fns](https://npm.io/package/date-fns.md) ^4.1.0
- [lucide-react](https://npm.io/package/lucide-react.md) ^0.408.0
- [react-select](https://npm.io/package/react-select.md) ^5.9.0
- [@dnd-kit/core](https://npm.io/package/@dnd-kit/core.md) ^6.1.0
- [tailwind-merge](https://npm.io/package/tailwind-merge.md) ^2.5.4
- [react-hook-form](https://npm.io/package/react-hook-form.md) ^7.54.2
- [react-day-picker](https://npm.io/package/react-day-picker.md) 9.3.0
- [@dnd-kit/sortable](https://npm.io/package/@dnd-kit/sortable.md) ^8.0.0
- [@dnd-kit/modifiers](https://npm.io/package/@dnd-kit/modifiers.md) ^7.0.0
- [@dnd-kit/utilities](https://npm.io/package/@dnd-kit/utilities.md) ^3.2.2
- [tailwindcss-animate](https://npm.io/package/tailwindcss-animate.md) ^1.0.7
- [@radix-ui/react-slot](https://npm.io/package/@radix-ui/react-slot.md) ^1.1.0
- [@radix-ui/react-tabs](https://npm.io/package/@radix-ui/react-tabs.md) ^1.1.1
- [@radix-ui/react-label](https://npm.io/package/@radix-ui/react-label.md) ^2.1.0
- [@radix-ui/react-dialog](https://npm.io/package/@radix-ui/react-dialog.md) ^1.1.2
- [@radix-ui/react-select](https://npm.io/package/@radix-ui/react-select.md) ^2.1.2
- [@hookform/error-message](https://npm.io/package/@hookform/error-message.md) ^2.0.1
- [@radix-ui/react-popover](https://npm.io/package/@radix-ui/react-popover.md) ^1.1.2
- [@radix-ui/react-tooltip](https://npm.io/package/@radix-ui/react-tooltip.md) ^1.1.3
- [@radix-ui/react-checkbox](https://npm.io/package/@radix-ui/react-checkbox.md) ^1.1.2
- [class-variance-authority](https://npm.io/package/class-variance-authority.md) ^0.7.0
- [@radix-ui/react-accordion](https://npm.io/package/@radix-ui/react-accordion.md) ^1.2.1
- [@radix-ui/react-separator](https://npm.io/package/@radix-ui/react-separator.md) ^1.1.0
- [@radix-ui/react-scroll-area](https://npm.io/package/@radix-ui/react-scroll-area.md) ^1.2.0
- [@radix-ui/react-dropdown-menu](https://npm.io/package/@radix-ui/react-dropdown-menu.md) ^2.1.2
- [@radix-ui/react-visually-hidden](https://npm.io/package/@radix-ui/react-visually-hidden.md) ^1.1.0

## Recent versions

- 1.12.1 (latest) — 2025-07-22
- 1.12.0 — 2025-07-01
- 1.11.3 — 2025-05-05
- 1.11.2 — 2025-03-12
- 1.11.1 — 2025-02-20
- 1.11.0 — 2025-02-11
- 1.10.2 — 2025-01-23
- 1.10.1 — 2024-12-12
- 1.10.0 — 2024-12-12
- 1.9.4 — 2024-12-09
- 1.9.3 — 2024-12-09
- 1.9.2 — 2024-12-04
- 1.9.1 — 2024-11-27
- 1.9.0 — 2024-11-27
- 1.8.1 — 2024-11-14
- … 45 more at https://npm.io/package/@autoinvent/conveyor/versions

## README

# Conveyor

Conveyor is a comprehensive React UI library for quickly building UI components to interact with GraphQL APIs generated by the [Magql](https://github.com/autoinvent/magql) library. It provides an intuitive and user-friendly interface for performing CRUD (Create, Read, Update, Delete) operations on your GraphQL data.

## Usages
Both a UMD module and ES module exist, allowing Conveyor to be used either as an npm package with the command:
```bash
pnpm install @autoinvent/conveyor
```
```jsx
import Conveyor from '@autoinvent/conveyor'
```
or via a CDN with the following link tag:
```html
  <link crossorigin href="https://unpkg.com/@autoinvent/conveyor@2.0.0" rel="stylesheet" />

```

**Note**: React is not used in the final bundle and needs to be installed separately.  


## Scripts

- `pnpm build` - Build library for production; The generated files will be on the `dist` folder. 
- `pnpm build:css` - Run tailwind CLI tool to build the css file.
- `pnpm storybook` - run storybook
- `pnpm format` - Format all files with Biome.
- `pnpm lint` - Scan all files for linting errors with Biome.

## Useful commands
- `pnpm pack` will package the files from `pnpm build` into a tarball for install.

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