Cascade is an open-source icon set where each icon maps to a specific CSS property-value pair. No abstraction, no guesswork: the visual directly encodes the declaration.
This matters because CSS documentation and tooling still rely heavily on text labels. A visual vocabulary for properties like display, position, and flex-direction accelerates scanning and reduces cognitive load in editors, design tools, and docs.
The project ships icons copyable as SVG or React components. Worth reading for how the icon system handles the combinatorial space of property-value pairs, and what the scope of coverage actually looks like.
[READ ORIGINAL →]