Cascade: An icon library for CSS properties
CSS has hundreds of properties and no standard visual vocabulary for them. Cascade is an open-source icon library that fills that gap: a set of icons designed specifically to represent CSS properties, built for use in design tools, documentation, developer tooling, and anywhere else you need to communicate layout, spacing, typography, or colour at a glance.
Every icon maps directly to a CSS property or concept. The set covers the areas you reach for most: box model, flexbox, grid, typography, colour, borders, and transforms. The icons follow a consistent visual logic, so a developer or designer can scan a property panel or documentation page and immediately understand what they are looking at without reading the label.
Why it exists
Property panels in design and developer tools tend to fall back on ad-hoc icons or plain text labels. The result is either inconsistency across tools or labelling that requires reading rather than recognising. A shared vocabulary of icons makes property-heavy interfaces faster to scan and easier to learn.
Cascade is intended to be that shared vocabulary. It is open source and format-agnostic, so it can be adopted in editor extensions, component libraries, documentation sites, or wherever icons for CSS concepts are useful.
Usage
The library is available as SVG and as a package. Full documentation and source files are at:
A multi-framework CLI design tool with both AI and deterministic edit modes
The companion editor that uses Cascade icons throughout its property panels