The Drop · June 30, 2026

Techno visualizer: locking the cuts to a four on the floor kick

Techno is the genre a visualizer should never miss the beat on. A steady kick on every count, a tempo that barely drifts, and a 4/4 grid that runs all night give a beat detector the cleanest target it will ever get. Here is how to set up techno and rave visuals in your browser so the cuts land on the kick and the whole thing loops behind a set.

Photo via Unsplash

Most genres make a beat detector work for it. Swung hats, syncopated 808s and half-time breakdowns all give a tracker reasons to second-guess where the beat is. Techno does the opposite. The four on the floor kick lands on every quarter note and almost never moves, so once the tempo is read the visuals stay glued to it for the length of the track. That predictability is the whole reason a techno visualizer is one of the easiest looks to get right in a browser.

The tempo gets read once, up front

When you load a track, the app detects its BPM offline before anything renders, scanning the energy of the first stretch of the song and locking onto the strongest repeating pulse. Techno usually sits somewhere between about 120 and 150 BPM, with a lot of modern records parked around 130, and that range lands comfortably inside what the detector looks for. Because the kick is so even, there is no half-time wobble for it to trip on, so the read is fast and it holds. Everything that follows hangs off that one number.

Set the cut rate to the grid

Content changes ride the BPM grid rather than a stopwatch, so you pick how often the look swaps in beats: every 4 beats for a slow build, every beat so a new frame lands on each kick, or a half or quarter beat when you want it strobing harder than the track. The fastest option is labelled "Every 1/8 beat (unhinged)" and it does exactly what it says. For straight techno, one change per beat is the pocket: it reads as locked to the kick without turning into a blur. On top of that the flash itself picks an effect every time, from a hard strobe to glitch slices, an RGB split, a zoom punch or shake, so even at one cut per beat no two hits look identical.

If you want something punching on the downbeat specifically, assign an image to the kick. Uploaded images carry a role select for kick, snare or hi-hat, and a kick-assigned logo or shape flashes in every time the low end hits. In four on the floor that means it fires on a dead steady pulse, four to the bar, all night, which is about as on-brand as a techno screen gets.

Rave visuals without a lyric in sight

Techno does not hand you words to put on screen, and that is a feature here. Leave the text box empty and the app runs images only, shapes only, or pure strobe on black. Shapes mode draws checkerboards, circles, rings, stripes, triangles and dot grids on the beat, which reads as clean abstract rave visuals instead of a song's lyrics floating over a dancefloor. Push the palette saturated, let the BPM grid drive the cuts, and you have a screen that feels engineered rather than decorated. Drop in a logo as an image if you want a mark in the mix, otherwise let the shapes and color carry it.

Build a loop you can run behind a set

The export is a 1920x1080 60fps WebM with the audio already muxed in. Recording happens in real time while the track plays, so the tab has to stay focused and the machine has to keep up while it captures, which is fine at your desk and not something you want to babysit at a gig. So you render the clip at home and play the finished file. To get a clean VJ-style loop, feed the app a steady section of a track with no big intro or breakdown, so the first frame and the last sit at a similar brightness and the join barely registers when a player jumps back to the top. VLC, OBS and most USB media players will repeat a single file for nothing, no VJ software required. The DJ booth visuals guide walks through that looping handoff end to end if you are pointing it at a booth or club screen.

Keep the strobe inside safe limits

A loud strobe on a big rave screen is a different thing from one on your laptop. Flashing light can trigger a seizure in someone with photosensitive epilepsy, so this is not a setting to max out and forget. The widely used rule, from the W3C accessibility guidelines, is that content should flash no more than three times in any one second, and saturated red is held to a stricter test because people react more strongly to red flashing. The app's persistent flicker runs from 2 Hz up to 30 Hz, which sits right in the range you want to avoid for a crowd, so keep that one low or off for a public screen and let the beat cuts, the color and the shapes do the work. The flickering visualizer guide breaks down each flicker control in detail. If the venue does not already post a flash warning, put one up.

Render it and let it run

Build the look in the app, render the WebM, and you are done. If whatever drives the screen will not take WebM, one command turns it into an MP4: ffmpeg -i loop.webm -c:v libx264 -crf 18 loop.mp4. After that it just runs on repeat, locked to a kick that never moves, which is exactly the kind of track techno was always going to be the easiest to sync.