Open-sourcing Yumma CSS API

This Package Is Unavailable

Why The Yumma CSS API?

The Yumma CSS API powers the documentation, playground, & CLI by providing essential data & utilities.

Instead of manual utility searches, you can now access the Yumma CSS utility set through type-safe functions. This simplifies:

• Generating documentation
• Building custom apps, plugins, or extensions
• Integrating with frameworks
• Analyzing or extending design systems

Getting Started

The Yumma CSS API is a TypeScript & JavaScript utility library that provides programmatic access to class definitions.

Install

pnpm add @yummacss/api

Examples

Get all utilities:

import { coreUtils } from "@yummacss/api";

const all = coreUtils();

Get background utilities:

import { backgroundUtils } from "@yummacss/api";

const backgrounds = backgroundUtils();

Access a specific utility:

import { boxModelUtils } from "@yummacss/api";

const boxModel = boxModelUtils();
const margin = boxModel["margin"];

Available API

Import utility group functions:

import {
  allUtils,
  backgroundUtils,
  borderUtils,
  boxModelUtils,
  colorUtils,
  effectUtils,
  flexboxUtils,
  fontUtils,
  gridUtils,
  interactivityUtils,
  outlineUtils,
  positioningUtils,
  svgUtils,
  tableUtils,
  textUtils,
  transformUtils,
} from "@yummacss/api";

Learn more in the developer API reference.