SleekCSS, Twelve Small Machines for CSS

Field notes

The suite covers twelve narrowly defined CSS tasks, with controls for blur and tint, layered shadows, fluid type, grid cells, polygon points, easing curves, transforms, and color relationships. The page says previews and generated output update together in the browser, while specific outputs include grid-template-areas code, downloadable SVG, and hex/RGB/HSL/CSS-variable color formats. Its interface is also presented as a working example: each panel is styled with the effect it generates.