Yumma CSS

Yumma CSS

Yumma CSS - Type less. Style more.

Developer Tools Visit site yummacss

Gallery

Yumma CSS screenshot 1 Yumma CSS screenshot 2 Yumma CSS screenshot 3

About

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.

💬 Maker comment

Popular CSS frameworks usually optimize for readability-first, font-semibold reads like English. But readability comes at a cost: you need to memorize a separate vocabulary on top of CSS. font-semibold doesn't tell you it's font-weight: 600. items-center doesn't tell you it's align-items. The framework becomes a translation layer between you and CSS. Yumma CSS removes that layer. The abbreviation rules are consistent and predictable. Once you know that jc is justify-content and c is center, you know jc-c forever, and you also know jc-fe (flex-end), jc-sb (space-between), and every other value without looking anything up. There is no vocabulary to memorize on top of CSS. There is only CSS, abbreviated.

Maker

Renildo Pereira

Renildo Pereira

Info

Submitted
Apr 21, 2026
Listing
Launch
Category
Developer Tools
Launch
Apr 22, 2026
Votes
0

Comments

(0)
Log in to leave a comment

No comments yet. Be the first!