- A CSS architecture approach where styles are composed of small, single-purpose utility classes that each apply one specific style property, rather than semantic class names tied to components. Each class does one thing atomically (e.g.,
.m-10for margin,.text-centerfor text alignment), allowing developers to build interfaces by combining multiple utility classes directly in HTML. Popular implementations include Tailwind CSS, Tachyons, and Atomizer (originally created by Yahoo), which can generate atomic CSS classes on-demand based on class names used in markup, reducing file size by only including classes actually used in the codebase.
This term is sponsored by: your name/company?
- Previous term: Atom
- Next term: Atomicity, consistency, isolation, durability
- Random term: HTTP status code (webglossary.info/random 🎲)