Skip to content
Yumma CSS

Your next favorite frontend library

All the tools you need in one package, with abbreviated utility classes — goodbye, massive codebases!

Why Yumma CSS?

Yumma CSS features an abbreviated naming convention that closely follows native CSS syntax. With a set of next-generation utilities, Yumma bundles all the powerful utilities you need into a lightweight, consistent module that integrates neatly into your design system.

Learn more

Build your own design system.

Yumma provides a powerful selection of utilities, including Flexbox, Grid, and Box Model utilities, greatly simplifying the creation of a wide range of designs, from simple to complex.

Abbreviated syntax

Abbreviated naming convention syntax for better maintainability and scalability.

Learn more

Modifiers selectors

Spice up your page elements with some cool hover effects and more!

Learn more

Responsive design

Responsive breakpoint utilities and other utility variants to create complex layouts.

Learn more

Components

Fully responsive components in your Yumma CSS projects — just copy and go!

Learn more

Yumma CSS Trademark Policy

Yumma CSS is a utility-first CSS library that uses abbreviated naming conventions that follow regular CSS syntax to help you debug, scale, and maintain your markup better and get your application out the door faster.