lab.zander.wtf
Experiments, little tools and things in progress. - Wiki trail live An endless page made of real Wikipedia articles. Follow any in-article link and the next article renders below; the one you left freezes into a lightweight card, leaving a scrollable trail of your whole rabbit hole. #wikipedia#navigation#rabbit-hole#api
- Procedural page live An endless web page that invents itself as you scroll — layout, colour, type and copy all come from a seeded random generator. No AI, no server: same seed, same page, every time. #generative#procedural#scroll#demo
- The 24-hour clock live A draggable clock I originally made to help my son learn to tell the time — drag the hands to see how 24-hour time maps onto the 12-hour face, watch the sky shift from night to day, and test yourself in quiz mode. #svg#time#learning#interactive
- Keyboard-only navigation live A cursorless page you drive entirely with the keyboard — arrow keys move a focus ring between fields, images and a video; Enter activates them. Plus a retro, raspi-config-style terminal screen. #a11y#keyboard#demo
- Spotify Favourites live Browse your most-explored Spotify artists and albums — ranked by album engagement rather than raw play count, with cover art, coverage bars, sorting and filtering. #spotify#react#data-viz
- Data Transformation Dojo live Interactive React trainer for reshaping data in JavaScript — 20 real-world map/filter/reduce challenges with hints and a live test runner. #javascript#react#interactive
- Drawing app live Kid-friendly drawing app built with p5.js — brushes, shapes, emoji stamps, symmetry mode and undo. #drawing#p5.js
- ZUI component showcase live Live demo of the ZUI CSS-first UI library. #ui#zui
- Cloze test generator live Paste in some text, click words to hide them, then test your recall — a tool for language teachers. #tool#language
- Pure CSS icons archived A 2010 study in drawing icons with nothing but div, span, border-radius and transform. No SVG, no images. #css