# @loopr-ai/craft

> Component library based out of Material UI customized to support Loopr AI products

Latest version **0.10.0** (published 2026-01-02) · 0 weekly downloads

## Install

```sh
npm install @loopr-ai/craft
pnpm add @loopr-ai/craft
yarn add @loopr-ai/craft
bun add @loopr-ai/craft
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.10.0 |
| Published | 2026-01-02 |
| First published | 2023-09-07 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 1.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Loopr AI |
| Maintainers | shashank-loopr, loopr-admin |

## Links

- npm: https://www.npmjs.com/package/@loopr-ai/craft
- Homepage: https://loopr.ai
- npm.io page: https://npm.io/package/@loopr-ai/craft

## Dependencies (6)

- [@mui/material](https://npm.io/package/@mui/material.md) ^5.14.8
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.11.1
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.11.0
- [@fontsource/dm-sans](https://npm.io/package/@fontsource/dm-sans.md) ^5.0.12
- [@mui/icons-material](https://npm.io/package/@mui/icons-material.md) ^5.14.9
- [react-zoom-pan-pinch](https://npm.io/package/react-zoom-pan-pinch.md) ^3.1.0

## Recent versions

- 0.10.0 (latest) — 2026-01-02
- 0.9.0 — 2025-08-19
- 0.8.3 — 2025-05-06
- 0.8.2 — 2025-02-03
- 0.8.1 — 2025-01-31
- 0.8.0 — 2024-12-23
- 0.7.6 — 2024-10-23
- 0.7.5 — 2024-10-09
- 0.7.4 — 2024-10-07
- 0.7.3 — 2024-10-04
- 0.7.2 — 2024-09-14
- 0.7.1 — 2024-09-11
- 0.7.0 — 2024-09-10
- 0.6.0 — 2024-07-07
- 0.5.2 — 2024-06-02
- … 8 more at https://npm.io/package/@loopr-ai/craft/versions

## README

# Loopr Craft

A component library for LooprAI products. Based out of Material UI.

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

## Component Library

Ref: [Creating a Component Library Fast🚀(using Vite's library mode)](https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-4lma)

### Commands
1. Build the library: `npm run build-lib`


## Usage
This needs to be built and published to a package manager (npm, yarn, etc) eventually.
For now, it can be used as a local dependency. by following these steps:
1. Build the library: `npm run build-lib`
2. follow the steps in [Use npm pack to test your packages locally](https://dev.to/scooperdev/use-npm-pack-to-test-your-packages-locally-486e)

**More Info: TBD**

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