For musicians · designers · mixed-media creators

Music videos that breathe
with the song.

A browser-based engine. Drop in any song, drop in a library of clips and images, hit RE-MAP until you like the composition, then ● REC. A real MP4 comes out — no backend, no API keys, no install. Browse curated templates in the marketplace and open one in one click.

Pick your path

Three kinds of creators. One engine.

Drop in whatever you have. The engine picks the right tools for what you're making.

15.6kEngine HTML (gz)
5FFT bands
6Layers
27Library items
0Backend
The engine

A music visualizer with a composer's taste.

Most visualizers just react to the spectrum. The Sainted Word engine classifies every asset you give it — motion, brightness, hue — and routes each one to the band of the song that suits it. The composition is algorithmic. The score is the audio.

Adaptive beat detection

Bass-energy tracker with an adaptive threshold. Locks the BPM, fires an envelope on every kick, decays gracefully. Works on techno, jazz, and an ill-advised spoken-word record.

Layered composition

Six layers, each with its own blend mode and a stack of reactors. Scale to bass. Hue to mids. Position to the spectrum's edge. Every parameter is a feature binding, not a keyframe.

Library as palette

Drop a folder of videos, GIFs, or images. Each one is auto-classified by motion, luma, and mean hue, then routed to the role that suits it. Different song, different look — same library.

MP4 export, native

The canvas is captured via MediaRecorder at 30 fps with H.264 + AAC, 8 Mbps. No ffmpeg.wasm, no server, no transcode. The file you download plays in any editor.

Fresh look every remap

The auto-mapper picks from the top candidates weighted by score, and shuffles the blend order. Each RE-MAP click yields a new composition. Hit it until something sticks, then record.

Single-file, zero install

The whole engine is one HTML file. Drop it in a folder, open it in Chrome or Safari, it runs. No node_modules needed for the user. The Vite project is just for development.

Batch ingest

Drag a folder. Get a cleaned, tagged library.

Drop any number of PNG, JPEG, MP4, MP3, or WAV files onto the box. Each one is auto-processed: PNGs and JPEGs go through the asset curator (chroma-key on a uniform background, then local tag heuristic), audio and video pass through untouched. Folder drops are flattened recursively. A live chip per file shows the curator's verdict.

Drop files anywhere on this box — or click to browse

Listens for swr:drop on document — fires once per drop with {results, files} so any consumer can wire it in.

5 visual languages

Same engine. Five completely different looks.

Five single-file variants of the same engine, each with a distinct aesthetic. Click one to open it in a new tab. Same controls, same library, same MP4 export.

Made for these people

Who actually uses this.

The engine and its 5 versions were built for people who have audio and a release date, and zero budget for a video editor. The profiles below are the ones who reach for it first.

New

Hand-drawn mascot

Click the mascot — it requests your camera, samples frames at 8 fps, and reacts in real time. A hand-wave makes it wave back. A face held high makes it look up. Sustained motion (you're close) makes it lean in. Long quiet after activity makes it ease back. Head tilts toward your face. No model, no CDN.

swr-mascot-camera.client.js
Best fit

Indie musician

Releasing a single with no video budget. Loads the mastered WAV, picks a style, gets a 30s MP4 for the post.

versions/neon.html

Beatmaker

Selling beats on BeatStars / Airbit. Renders a 15s preview per track so the listing beats a static waveform.

versions/grid.html

DJ

Promoting a mix or a set. 60s vertical teaser with BPM burned in frame 1, cuts on the downbeat, ready for Reels.

versions/smoke.html

Small label

3–10 artists a year, one brand voice. Uses the same version across the roster so every release reads as the label.

versions/film.html
Best fit

Belgrade / Serbian artist

Local pricing (€25 vs €40+ in the EU), in-person demo at KC Grad, Drugstore, or Dot. Same engine, different margin.

campaign.html

Podcaster

One long episode, ten short clips. Renders each pull-quote moment as a 15s visual to drive follows from the audio feed.

versions/film.html

Sound designer

Sample pack creator showcasing the patches. The visualizer becomes the cover art — engine output doubles as marketing.

versions/hallucination.html

Music manager / agency

Visual content for the whole roster. One tool, one workflow, ten artists' worth of social posts per month.

profit-plan.html
Quick start

Three commands, then open the URL.

Or skip the install entirely — the engine is a single HTML file and runs from a static server.

Run it locally

The dev server uses Vite for hot reload during development. The production build outputs to dist/ with the engine, the 5 versions, and the library.

  • Requires Node 18+
  • No API keys, no external services
  • The 12 videos in library/ are 75 MB total
~/sainted-word-records — zsh
# clone and install $ git clone git@github.com:kai-djuric/sainted-word-records.git $ cd sainted-word-records $ npm install # dev server (port 5174) $ npm run dev # production build → dist/ $ npm run build
Stack

Built on the web platform.

No native dependencies, no build step required to use the engine. Just a browser and your library.

Web Audio API · FFT Canvas 2D MediaRecorder · H.264 + AAC Web Components Vite Fraunces + Geist + Geist Mono ES2022 modules Zero backend MIT license
Directory

Every page on sainted-word-records.

Public routes from this domain, grouped by what they're for. Each one is a real, hand-tuned surface — no template fills. Last-updated dates come from each page's file mtime.

Engine

6 pages

Gallery

19 pages
All galleries

The gallery index — every curated visual collection in one place.

Updated 2026-09-10 12 KB
Music

Music-driven visual sets curated for the audio-reactive engine.

Updated 2026-09-10 12 KB
Generative

Procedural and generative compositions.

Updated 2026-09-10 13 KB
Cosmic

Cosmic-scale motion and color.

Updated 2026-09-10 12 KB
Bio

Bio / organic textures and growth forms.

Updated 2026-09-10 17 KB
AI

AI-augmented visual studies.

Updated 2026-09-10 13 KB
Glyphs

Glyph-driven typography in motion.

Updated 2026-09-10 12 KB
VR

Stereoscopic / VR-ready compositions.

Updated 2026-09-10 12 KB
Photo experiments

Photo experiments and image treatments.

Updated 2026-09-10 15 KB
Dark future

Dark-future palette: noir, neon, decay.

Updated 2026-09-10 12 KB
Brutalist

Brutalist layouts, hard rules, raw type.

Updated 2026-09-11 23 KB
Bachdrop

Counterpoint-reactive baroque engine and gallery.

Updated 2026-09-11 15 KB
Loops

Loop-first compositions for social.

Updated 2026-09-11 21 KB
Vintage

57 Midjourney compositions of vintage architecture, Soviet-era civic buildings, and old photographs.

Updated 2026-09-11 49 KB
Posters

Poster-format static compositions.

Updated 2026-09-10 14 KB
Albums

Album-art covers and variants.

Updated 2026-09-10 12 KB
Video FX

Heavy FX treatments for video output.

Updated 2026-09-10 12 KB
T-shirts

T-shirt design variants from every gallery.

Updated 2026-09-10 14 KB
Artist

Artist-page treatments.

Updated 2026-09-10 14 KB
Point4 brand

Point4brand visual system applied across the engine.

Updated 2026-09-10 12 KB

For creators

6 pages

Learn & docs

11 pages