A lightweight, themeable CSS framework. Simple, semantic, CSS-only.
µCSS is a lightweight, themeable CSS framework designed to be simple, semantic, and completely CSS-only.
The principal functionalities of this tool include:
Zero Dependencies: It is a pure CSS framework that requires no JavaScript, no build steps, and no complex configuration.
Small Footprint: The framework is highly optimized, weighing approximately 19 KB gzipped (~120 KB uncompressed).
Classless Base: It styles semantic HTML elements out of the box, meaning standard tags like <button>, <article>, and <nav> look polished without needing to add specific classes for basic usage.
Instant Polishing: Developers can simply include a single CSS file to instantly transform the visual appearance of their HTML.
20+ Color Themes: Users can choose from a wide variety of themes (such as Fuchsia, Blue, Amber, and Jade), each delivered as a single swappable CSS file.
Dark Mode Support: It features a built-in dark mode that can be toggled globally or for specific components using the data-theme="dark" attribute.
CSS Variables: Everything is built on CSS custom properties, allowing developers to override any variable to fully customize the look and feel.
Mobile-First: Includes a responsive grid system and containers that adapt automatically to any screen size.
Built-in Accessibility: The framework prioritizes accessibility through keyboard navigation, visible focus states, and support for ARIA attributes.
Ready-to-Use UI: It provides 36 pre-styled components, including buttons, cards, modals, tooltips, accordions, toasts, badges, and spinners.
Functional Elements: The library includes styles for essential interface elements like forms and alerts.
Companion Tools: It is part of the Digicreon ecosystem and works seamlessly with Temma (a PHP MVC framework) and µJS (a lightweight AJAX navigation library for SPA-like feels).