lekoala/actual-css

Actual CSS is a plain CSS framework you can add to a website to style buttons, cards, forms, and other common interface pieces, without writing your own CSS from scratch. Unlike frameworks built on a build tool or a compiler, it is just CSS files you import directly, either the whole framework at once or only the specific pieces your project needs. The framework works with a simple class naming system. Each element gets a component class like btn for a button, then you can layer on intent classes such as primary, success, or danger to set the color, variant classes such as solid, soft, or outline to change the style, and size classes such as sm or lg. For example, a button might have the classes btn primary outline lg. This keeps the class names predictable and small in number. It includes a wide range of ready made pieces: basic components like buttons, cards, badges, alerts, tables, and progress bars, interactive UI elements like dialogs, drawers, tooltips, and tabs that use some JavaScript, layout helpers for common patterns like stacking or centering content, form styling, and utility classes for spacing and text. There are also optional JavaScript enhancers you can add separately for things like filtering input fields or adding input masks. Actual CSS is built with progressive enhancement in mind, meaning it still works reasonably well on older browsers while taking advantage of newer CSS features like color mixing and container queries where they are supported. It ships both a readable version and a minified version for production use, and it does not require a specific build process to use in your own project. The project discloses that AI assisted tools were used during development for code generation and refactoring, with all output reviewed and tested by the maintainer. It is released under the MIT license, meaning you can use, modify, and distribute it freely, including in commercial projects.