# Shaderz

> Free animated WebGL gradient backgrounds for any website. One script tag (https://www.shaderz.fun/shaderz.js) plus a data-shaderz="<config>" attribute. No account, no API key, no dependency.

## Docs

- [Full documentation (Markdown)](https://www.shaderz.fun/docs.md): integration steps for HTML, Next.js, React, Vue, Svelte, Astro, page builders; parameter reference; ready-made configs.
- [Runtime script](https://www.shaderz.fun/shaderz.js): standalone, dependency-free, self-hostable.
- [Preset library](https://www.shaderz.fun/presets.json): 1000 named presets with mood, theme and color tags. Pick one and use its config.

## API

- [Preset by slug](https://www.shaderz.fun/api/presets/{slug}): JSON with config and snippet for a gallery link https://www.shaderz.fun/p/{slug}.
- [Gallery presets](https://www.shaderz.fun/api/presets?sort=top): list of community presets.

## Optional

- [Visual editor](https://www.shaderz.fun/editor): every setting is reflected in the URL query string, which is the config.
- [Gallery](https://www.shaderz.fun/gallery)