// the find
romannurik/LayerVisualizer
A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows)
A browser-based tool for visualizing UI layers in a 3D isometric view — originally built to explain Material Design's elevation and shadow model. You configure layers via HTML attributes, and it renders them as a stacked 3D diagram. Explicitly unmaintained since 2017.
Zero dependencies — just drop in a JS/CSS file and write declarative HTML; no build step, no npm. The isometric 3D rendering is genuinely useful for explaining why elevation matters in shadow-heavy UIs. Bonus tree visualizer handles XML layout hierarchies, which is handy for Android layout teaching. The example files are self-contained and immediately runnable.
Last touched in 2017 and wears the unmaintained badge on its own README — this is archived-in-spirit even if the repo is open. No interactivity: you can't click layers, inspect properties, or animate transitions. The rawgit.com demo links are dead (rawgit shut down in 2019), so you have to clone and open locally to see anything. Completely bespoke HTML attribute API with no documentation beyond reading the examples.