Yumma CSS is an ergonomic CSS framework with abbreviated utility classes. Write d-f instead of flex, fw-600 instead of font-semibold. Faster styling, less typing.
Documentation • Playground • GitHub • X
Note
Please note that the following steps are only required in the event that you wish to contribute to the development of the software documentation or to address a software malfunction (bug).
To start the docs site in development mode, from the project root, run:
pnpm install
pnpm devThis runs both the Next.js dev server and Yumma CSS in watch mode.
pnpm buildYumma CSS is part of a growing ecosystem of tools and complementary projects:
Yumma UI: A collection of ready-to-use UI components built with Base UI and styled with Yumma CSS.
Yumma CSS Playground: An interactive environment to experiment with Yumma CSS utilities right in your browser.
Yumma CSS IntelliSense: VS Code extension that provides auto-completion, hover previews, and smart diagnostics.
Eclipsa: A dark VS Code theme crafted for readability and style.
This project is licensed under the MIT license.