---
image: /generated/articles-docs-shapes-index.png
title: "@remotion/shapes"
crumb: "SVG component library"
---

import {TableOfContents} from './table-of-contents';

A package providing utility functions for generate SVG shapes.

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs
defaultValue="npm"
values={[
{ label: 'npm', value: 'npm', },
{ label: 'pnpm', value: 'pnpm', },
{ label: 'yarn', value: 'yarn', },
]
}>
<TabItem value="npm">

```bash
npm i @remotion/shapes
```

  </TabItem>

  <TabItem value="pnpm">

```bash
pnpm i @remotion/shapes
```

  </TabItem>

  <TabItem value="yarn">

```bash
yarn add @remotion/shapes
```

  </TabItem>
</Tabs>

## Functions

<TableOfContents />

## License

MIT