Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike. You can simply open the hydra web editor on a laptop or mobile device to get started.

Hydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result.

• to mix and add effects to camera feeds, screenshares, live streams, and videos
• to create generative and audio-reactive visuals, and share them online with others
• in combination with other javascript libraries such as P5.js, Tone.js, THREE.js, or gibber
• to add interactive video effects to a website
• to experiment with and learn about video feedback, fractals, and pixel operations
• to stream video between browsers and live-jam with others online

For more information and instructions, see: Getting Started, a list of hydra functions, the community database of projects and tutorials, a gallery of user-generated sketches, and the source code on github.

Hydra was created by olivia jack and is supported by a community of contributers. If you enjoy using Hydra, please consider supporting continued development.

Next: Getting Started