Blog/December 7, 2025

Hello Yumma UI

We've been dropping hints for a while, and now it's finally here! Today we're releasing Yumma UI to the public—the world's first free component library for Yumma CSS.

RPRenildo Pereira
Hello Yumma UI

What is Yumma UI?

Building polished UIs with utility CSS can still mean wiring the same buttons, alerts, and layouts from scratch over and over. Yumma UI gives you production-ready blocks so you can start from a real interface instead of an empty file.

  • No design system lock-in – Pure HTML + Yumma CSS classes you control completely
  • Instant prototypes – Drop a full landing page or pricing page in seconds
  • Developer-first – No React wrappers, no build steps, just working code

Get Started

Getting started with Yumma UI is easy. You just need to have Yumma CSS installed in your project.

  1. 1

    Install Yumma CSS

    First, ensure you have Yumma CSS set up.

    Terminal window
    npm install yummacss
  2. 2

    Browse Components

    Visit the UI documentation to browse the available components.

  3. 3

    Copy and Paste

    You can use the component code as it is or customize it to match your brand.

What you can build?

With Yumma UI, you can copy paste and adapt any of the components to match your brand in minutes.

We just built this landing page using stock components from Yumma UI and it took us less than 5 minutes.

Build beautiful products faster

The modern platform for teams to design, develop, and ship stunning experiences without the complexity.

150kPurchases
100+Companies
98%Customer Satisfaction
24/7Support Available

Trusted by leading companies worldwide

Simple, transparent pricing

Choose the plan that works best for you

Free

For individuals getting started

€0/month
  • Up to 3 projects
  • Basic analytics
  • Community support

Premium

Popular

For growing teams and businesses

€59/month
  • Unlimited projects
  • Advanced analytics
  • Priority support
  • Custom integrations

Make it yours

You don't have to use Yumma UI as-is. It's built on top of Yumma CSS, so you can easily customize it to match your brand identity.

Start building with Yumma UI

Our entire catalog of components is available in the UI documentation.

We're so excited to finally release Yumma UI to the public! We can't wait to see what you build with all of this!