# Hydra

Hydra is an open-source creative coding framework for live-coding visuals directly in the browser, created by artist and programmer Olivia Jack. It lets users generate and manipulate real-time graphics using a simple JavaScript-based syntax, making it popular for VJing, performances, and experimental visual art. Hydra emphasizes improvisation and collaboration, allowing multiple people to connect and code visuals together over the internet.

[**Hydra editor**](https://hydra.ojack.xyz/?sketch_id=eerie_ear_1)

# Hydra information

The main website or Hydra where you can immediately start coding is [**here**](https://hydra.ojack.xyz/?sketch_id=eerie_ear_1)

With Hydra you are actually writing WebGL shaders. Just choose any example sketch and start changing the numbers to see what happens!

[![Screenshot 2026-02-04 at 15.41.01.png](https://bookstack.hku.nl/uploads/images/gallery/2026-02/scaled-1680-/screenshot-2026-02-04-at-15-41-01.png)](https://bookstack.hku.nl/uploads/images/gallery/2026-02/screenshot-2026-02-04-at-15-41-01.png)

### Informaton about Hydra:

- Hydra video synth: documentation portal | hydra video synth [link](https://hydra.ojack.xyz/docs/)
- Hydra Functions [link](https://hydra.ojack.xyz/api/)
- Hydra garden [link](https://hydra.ojack.xyz/garden/)
- Paint appication made with Hydra paint.stx [link](https://paint.stx.studio/)