FCSS 2: Utility-Klassen, die wie echtes CSS heißen

FCSS 2: Utility CSS that reads like CSS

FCSS 2 ist eine Utility-CSS-Bibliothek, in der jede Klasse aus einer echten CSS-Eigenschaft und einem Wert besteht: padding--24 bedeutet padding: 24px, und nichts anderes. Statt bg-blue heißt es background-color--blue, Hover-, ARIA- und Breakpoint-Varianten stecken im Klassennamen. Es gibt keine Runtime, der Browser bekommt reines CSS. Ein Purge-Schritt schrumpft die rund 28 MB große Bibliothek auf die tatsächlich genutzten Klassen, meist wenige KB. Integrationen für Vite, Next.js, Astro und Angular sind dabei.

Wenn du CSS kennst, kennst du FCSS schon.

Mehr von diesem Tag

2026-10-14