# excalidraw_master_test1

> Excalidraw as a React component

Latest version **0.0.1** (published 2024-05-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install excalidraw_master_test1
pnpm add excalidraw_master_test1
yarn add excalidraw_master_test1
bun add excalidraw_master_test1
```

## Health

**Score 50/100 (C)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; popular repo; extremely popular.

Warnings: low downloads; large bundle; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2024-05-16 |
| First published | 2024-05-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 29 |
| Unpacked size | 54 MB |
| Known vulnerabilities | 0 (+5 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 133835 |
| Maintainers | vranda |
| Keywords | excalidraw, excalidraw-embed, react, npm, npm excalidraw |

## Links

- npm: https://www.npmjs.com/package/excalidraw_master_test1
- Repository: https://github.com/excalidraw/excalidraw
- Homepage: https://github.com/excalidraw/excalidraw/tree/master/packages/excalidraw
- Issues: https://github.com/excalidraw/excalidraw/issues
- npm.io page: https://npm.io/package/excalidraw_master_test1

## Dependencies (29)

- [clsx](https://npm.io/package/clsx.md) 1.1.1
- [pako](https://npm.io/package/pako.md) 1.0.11
- [pica](https://npm.io/package/pica.md) 7.1.1
- [sass](https://npm.io/package/sass.md) 1.51.0
- [fuzzy](https://npm.io/package/fuzzy.md) 0.1.3
- [jotai](https://npm.io/package/jotai.md) 1.13.1
- [nanoid](https://npm.io/package/nanoid.md) 3.3.3
- [roughjs](https://npm.io/package/roughjs.md) 4.6.4
- [cross-env](https://npm.io/package/cross-env.md) 7.0.3
- [pwacompat](https://npm.io/package/pwacompat.md) 2.0.17
- [open-color](https://npm.io/package/open-color.md) 1.9.1
- [tunnel-rat](https://npm.io/package/tunnel-rat.md) 0.1.2
- [@tldraw/vec](https://npm.io/package/@tldraw/vec.md) 1.7.1
- [png-chunk-text](https://npm.io/package/png-chunk-text.md) 1.0.0
- [lodash.throttle](https://npm.io/package/lodash.throttle.md) 4.1.1
- [points-on-curve](https://npm.io/package/points-on-curve.md) 1.0.1
- [perfect-freehand](https://npm.io/package/perfect-freehand.md) 1.2.0
- [browser-fs-access](https://npm.io/package/browser-fs-access.md) 0.29.1
- [image-blob-reduce](https://npm.io/package/image-blob-reduce.md) 3.0.1
- [png-chunks-encode](https://npm.io/package/png-chunks-encode.md) 1.0.0
- [png-chunks-extract](https://npm.io/package/png-chunks-extract.md) 1.0.0
- [fractional-indexing](https://npm.io/package/fractional-indexing.md) 3.2.0
- [@radix-ui/react-tabs](https://npm.io/package/@radix-ui/react-tabs.md) 1.0.2
- [@braintree/sanitize-url](https://npm.io/package/@braintree/sanitize-url.md) 6.0.2
- [@radix-ui/react-popover](https://npm.io/package/@radix-ui/react-popover.md) 1.0.3
- [@excalidraw/laser-pointer](https://npm.io/package/@excalidraw/laser-pointer.md) 1.3.1
- [canvas-roundrect-polyfill](https://npm.io/package/canvas-roundrect-polyfill.md) 0.0.1
- [@excalidraw/random-username](https://npm.io/package/@excalidraw/random-username.md) 1.1.0
- [@excalidraw/mermaid-to-excalidraw](https://npm.io/package/@excalidraw/mermaid-to-excalidraw.md) 0.3.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.1 (latest) — 2024-05-16

## README

# Excalidraw

**Excalidraw** is exported as a component to directly embed in your projects.

## Installation

You can use `npm`

```bash
npm install react react-dom @excalidraw/excalidraw
```

or via `yarn`

```bash
yarn add react react-dom @excalidraw/excalidraw
```

After installation you will see a folder `excalidraw-assets` and `excalidraw-assets-dev` in `dist` directory which contains the assets needed for this app in prod and dev mode respectively.

Move the folder `excalidraw-assets` and `excalidraw-assets-dev` to the path where your assets are served.

By default it will try to load the files from [`https://unpkg.com/@excalidraw/excalidraw/dist/`](https://unpkg.com/@excalidraw/excalidraw/dist)

If you want to load assets from a different path you can set a variable `window.EXCALIDRAW_ASSET_PATH` depending on environment (for example if you have different URL's for dev and prod) to the url from where you want to load the assets.

#### Note

**If you don't want to wait for the next stable release and try out the unreleased changes you can use `@excalidraw/excalidraw@next`.**

## Dimensions of Excalidraw

Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.

### Demo

[Try here](https://codesandbox.io/s/excalidraw-ehlz3).

## Integration

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration)

## API

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api)

## Contributing

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing)

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