Getting StartedIntroduction

Introduction

Yumma UI is a set of accessible and mature React components built on top of Yumma CSS and Base UI.

Why Yumma UI?

Yumma UI is a set of accessible and mature React components built on top of Yumma CSS and Base UI that you can use to build your UIs super quickly. It's super minimalist, lightweight, and super customizable.

Installing Yumma UI

  1. 1

    Install Yumma UI

    Terminal
    pnpm add @yummacss/ui
  2. 2

    Import styles

    Import the Yumma UI styles in your project.

    main.ts
    import "@yummacss/ui/styles.css";
    import "./globals.css";
  3. 3

    Start using Yumma UI!

    Start using Yumma UI components in your project.

    App.tsx
    import { Button } from "@yummacss/ui";
    function App() {
    return <Button>Click me</Button>;
    }