open-index/open-npm huggingface dataset:
npm package: @risent/excalidraw
Description: Excalidraw as a React component
Latest version: 0.17.7

# 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)
npm package: @riseup/cli
Description: Riseup CLI
Author: rafamel
Latest version: 0.22.1

# @riseup/cli

[![Version](https://img.shields.io/npm/v/@riseup/cli.svg)](https://www.npmjs.com/package/@riseup/cli)
[![Types](https://img.shields.io/npm/types/@riseup/cli.svg)](https://www.npmjs.com/package/@riseup/cli)
[![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE)

> _Riseup_ CLI.

## Install

[`npm install @riseup/cli`](https://www.npmjs.com/package/@riseup/cli)
npm package: @riseup/common
Description: A set of riseup shared presets
Latest version: 0.5.0

# @riseup/common

[![Version](https://img.shields.io/npm/v/@riseup/common.svg)](https://www.npmjs.com/package/@riseup/common)
[![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup)
[![Coverage](https://img.shields.io/coveralls/rafamel/riseup/master.svg)](https://coveralls.io/github/rafamel/riseup)
[![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Fcommon)](https://david-dm.org/rafamel/riseup?path=packages%2Fcommon)
[![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/common.svg)](https://snyk.io/test/npm/@riseup/common)
[![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE)
[![Types](https://img.shields.io/npm/types/@riseup/common.svg)](https://www.npmjs.com/package/@riseup/common)

> A set of *riseup* shared presets.

## Install

[`npm install @riseup/common`](https://www.npmjs.com/package/@riseup/common)
npm package: @riseup/library
Description: Riseup tasks and configurations for libraries
Author: Rafa Mel
Latest version: 0.21.0

# @riseup/library

[![Version](https://img.shields.io/npm/v/@riseup/library.svg)](https://www.npmjs.com/package/@riseup/library) [![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup) [![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Flibrary)](https://david-dm.org/rafamel/riseup?path=packages%2Flibrary) [![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/library.svg)](https://snyk.io/test/npm/@riseup/library) [![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE) [![Types](https://img.shields.io/npm/types/@riseup/library.svg)](https://www.npmjs.com/package/@riseup/library)

> _Riseup_ tasks and configurations for libraries.

## Install

[`npm install @riseup/library`](https://www.npmjs.com/package/@riseup/library)
npm package: @riseup/monorepo
Description: Riseup tasks and configurations for monorepos
Author: Rafa Mel
Latest version: 0.21.0

# @riseup/monorepo

[![Version](https://img.shields.io/npm/v/@riseup/monorepo.svg)](https://www.npmjs.com/package/@riseup/monorepo) [![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup) [![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Fmonorepo)](https://david-dm.org/rafamel/riseup?path=packages%2Fmonorepo) [![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/monorepo.svg)](https://snyk.io/test/npm/@riseup/monorepo) [![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE) [![Types](https://img.shields.io/npm/types/@riseup/monorepo.svg)](https://www.npmjs.com/package/@riseup/monorepo)

> _Riseup_ tasks and configurations for monorepos.

## Install

[`npm install @riseup/monorepo`](https://www.npmjs.com/package/@riseup/monorepo)
npm package: @riseup/next
Description: Riseup tasks and configurations for Next
Latest version: 0.13.1

# @riseup/next

[![Version](https://img.shields.io/npm/v/@riseup/next.svg)](https://www.npmjs.com/package/@riseup/next) [![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup) [![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Fnext)](https://david-dm.org/rafamel/riseup?path=packages%2Fnext) [![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/next.svg)](https://snyk.io/test/npm/@riseup/next) [![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE) [![Types](https://img.shields.io/npm/types/@riseup/next.svg)](https://www.npmjs.com/package/@riseup/next)

> _Riseup_ tasks and configurations for [_Next_.](https://nextjs.org/)

## Install

[`npm install @riseup/next`](https://www.npmjs.com/package/@riseup/next)
npm package: @riseup/react
Description: Riseup tasks and configurations for React
Latest version: 0.6.0

# @riseup/react

[![Version](https://img.shields.io/npm/v/@riseup/react.svg)](https://www.npmjs.com/package/@riseup/react) [![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup) [![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Freact)](https://david-dm.org/rafamel/riseup?path=packages%2Freact) [![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/react.svg)](https://snyk.io/test/npm/@riseup/react) [![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE) [![Types](https://img.shields.io/npm/types/@riseup/react.svg)](https://www.npmjs.com/package/@riseup/react)

> _Riseup_ tasks and configurations for React.

## Install

[`npm install @riseup/react`](https://www.npmjs.com/package/@riseup/react)
npm package: @riseup/tooling
Description: Riseup tooling tasks and configurations
Author: Rafa Mel
Latest version: 0.21.0

# @riseup/tooling

[![Version](https://img.shields.io/npm/v/@riseup/tooling.svg)](https://www.npmjs.com/package/@riseup/tooling) [![Build Status](https://img.shields.io/travis/rafamel/riseup/master.svg)](https://travis-ci.org/rafamel/riseup) [![Dependencies](https://img.shields.io/david/rafamel/riseup.svg?path=packages%2Ftooling)](https://david-dm.org/rafamel/riseup?path=packages%2Ftooling) [![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@riseup/tooling.svg)](https://snyk.io/test/npm/@riseup/tooling) [![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE) [![Types](https://img.shields.io/npm/types/@riseup/tooling.svg)](https://www.npmjs.com/package/@riseup/tooling)

> _Riseup_ tooling tasks and configurations.

## Install

[`npm install @riseup/tooling`](https://www.npmjs.com/package/@riseup/tooling)
npm package: @riseup/universal
Description: Riseup universal tasks and configurations
Author: rafamel
Latest version: 0.22.1

# @riseup/universal

[![Version](https://img.shields.io/npm/v/@riseup/universal.svg)](https://www.npmjs.com/package/@riseup/universal)
[![Types](https://img.shields.io/npm/types/@riseup/universal.svg)](https://www.npmjs.com/package/@riseup/universal)
[![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE)

> _Riseup_ universal tasks and configurations.

## Install

[`npm install @riseup/universal`](https://www.npmjs.com/package/@riseup/universal)
npm package: @riseup/utils
Description: The core set of shared riseup utilities
Author: rafamel
Latest version: 0.22.1

# @riseup/utils

[![Version](https://img.shields.io/npm/v/@riseup/utils.svg)](https://www.npmjs.com/package/@riseup/utils)
[![Types](https://img.shields.io/npm/types/@riseup/utils.svg)](https://www.npmjs.com/package/@riseup/utils)
[![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE)

> The core set of shared riseup utilities.

## Install

[`npm install @riseup/utils`](https://www.npmjs.com/package/@riseup/utils)
npm package: @riseup/web
Description: Riseup tasks and configurations for the web
Author: rafamel
Latest version: 0.22.1

# @riseup/web

[![Version](https://img.shields.io/npm/v/@riseup/web.svg)](https://www.npmjs.com/package/@riseup/web)
[![Types](https://img.shields.io/npm/types/@riseup/web.svg)](https://www.npmjs.com/package/@riseup/web)
[![License](https://img.shields.io/github/license/rafamel/riseup.svg)](https://github.com/rafamel/riseup/blob/master/LICENSE)

> _Riseup_ tasks and configurations for the web.

## Install

[`npm install @riseup/web`](https://www.npmjs.com/package/@riseup/web)