INPUT RANGE
Define the useful min/max of the incoming signal, then normalize or clamp it before mapping. This avoids dead zones and runaway values.
STANDALONE
One HTML file, multiple ways to use it.
IN A BROWSER
Open a tool from the catalogue and use its live controls to understand how it behaves. Download the original HTML file, edit or patch the code, and open it directly in a modern browser.
IN SKETCH
Import the HTML as a Custom HTML Tool, use the exposed controls, and map them to Audio Sync or simply automate them.
IN MAX FOR LIVE
An INDEX Browser Host for Max for Live is currently in development, bringing the same HTML tools inside Ableton Live. The HTML remains the visual engine, while the host handles automation, audio/MIDI mapping, layer management and dedicated visual output.
PLAYGROUND
One browser, five layers, plenty to experiment with.
This is my playground for developing visual tools and exploring how they interact, in a simple, hands-on way.
Load a tool from INDEX or drop in an HTML file you're working on. Tweak its controls, combine it with other layers and see what happens.
Your local files stay in your browser. Nothing gets uploaded.
DOWNLOAD ALL
Take the whole collection with you.
The bundle is generated from the current INDEX HTML catalogue when you click download, so it always contains the tool versions published here right now.
The tools/ folder stays deliberately simple and flat, making it easy to keep as a local collection or replace a compatible host cache in one go.
MAPPING-WISE
Mapping suggestions are starting points, not prescriptions.
Any parameter may be mapped to any useful source. The host or decoder should provide a common transformation layer so incoming signals can be shaped before they reach the visual parameter. The following are the minimum requirements for mappings to remain useful and predictable.
OUTPUT MIN / MAX
Map the normalized source into a chosen sub-range of the visual parameter, so a control can stay inside a useful musical or visual window.
INVERT
Reverse the mapping direction when useful: high input can produce low parameter values and vice versa.
SENSITIVITY / CURVE
Shape how strongly a parameter responds. A linear response is the baseline; adjustable sensitivity or response curves give finer or more aggressive behaviour.
SMOOTHING
Filter fast numerical jitter before it reaches the renderer, reducing nervous or visually noisy modulation.
ATTACK
Control how quickly a mapped value rises, from immediate transient response to a slower swell.
RELEASE
Control how quickly a mapped value falls, allowing tails, persistence and less abrupt visual decay.
DISCRETE / STEPPED
For integer or mode-like controls, quantize, latch or trigger only when thresholds are crossed instead of treating the parameter as continuously variable.
CURRENT SKETCH HOST CONTRACT
Parameters: up to 12 numeric controls. Colors: up to 8 color controls. Audio Sync: up to 12 destinations in the current tested workflow. The 12-destination Audio Sync limit is empirical rather than presented here as an official Sketch API guarantee.
Every Audio Sync key must correspond to a control actually exposed in the tool manifest.
SOURCE-AVAILABLE / LICENSING
Readable, reusable for non-commercial work, and explicit about lineage.
Original INDEX HTML code is published under the PolyForm Noncommercial License 1.0.0. Original documentation and creative material are published under CC BY-NC 4.0 where the project owns the applicable rights. Commercial or monetised use requires a separate agreement.
The internet is an amazing place: you can find almost anything if you're willing to look hard enough. Referenced developers and projects are part of the creative lineage, not buried as legal footnotes.
Third-party creative references and internal derivations are recorded separately so source lineage is not confused with code ownership. The full terms and current notices remain the authoritative documents.
PRIVACY
This site is intentionally light on tracking.
No first-party analytics, advertising pixels, profiling or marketing trackers are used by this website.
PLAYGROUND / LOCAL FILES
HTML files selected or dropped into the Playground are read and rendered locally in an isolated browser frame. They are not uploaded to INDEX HTML or stored by the site after you leave the page.
Catalogue tools are fetched from this site. The Playground restricts network access inside its tool frames, but you should still load only HTML code you trust.
HOSTING
The site is hosted with GitHub Pages. GitHub states that visitors’ IP addresses are logged and stored for security purposes.
EXTERNAL LINKS
All external links open third-party services. Their own privacy terms apply once you leave this site.
CONTROLLER / CONTACT
Matteo Belgiovine — Turin, Italy · matteo.sonodgtl@gmail.com · BeerBelgio
Last updated: 10 October 2026.