![repository-banner.png](public/repo-banner.png)

<p align="center">
  <a href="https://npmx.dev/package/@tresjs/post-processing"><img src="https://npmx.dev/api/registry/badge/version/@tresjs/post-processing" alt="version"></a>
  <a href="https://www.npmjs.com/package/@tresjs/post-processing"><img src="https://img.shields.io/npm/dm/@tresjs/post-processing?color=FF7BAC" alt="npm downloads"></a>
  <a href="https://tresjs.org/discord"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a>
</p>
<br/>

# Post-Processing

> Collection of useful helpers and fully functional, ready-made post-processing effects for Tres

- 💡 Build your effects with Vue components only.
- ⚡️ Powered by Vite
- 🦾 Fully Typed

## Installation

```bash
pnpm i @tresjs/post-processing
```

## Docs

Checkout the [docs](https://post-processing.tresjs.org/)

### Build

To build the package run:

```bash
pnpm run build
```

### Playground

Running the playground is a great way to test the components and helpers locally:

First install the dependencies

```
pnpm i
```

And then run the development server on http://localhost:5173

```bash
pnpm run playground
```

### Docs

To run the docs in dev mode

```bash
pnpm run docs:dev
```

To build them

```bash
pnpm run docs:build
```

## License

[MIT](/LICENSE)