Skip to content

Yumma Playground: Official Yumma CSS playground.

Yumma Playground

Yumma Playground a a code editor on the web with Yumma CSS built in based on Sandpack. Create your own Yumma CSS components and see them in action right away in your browser of choice.

Introducing Yumma Playground

What’s in the box?

Here it is some features packaged with the extension:

  • Responsiveness: Test responsiveness by resizing the preview panel.
  • Zero Configuration: Just write some Yumma CSS, it’s already installed!
  • Completions: Helpful HTML tag completions.

Yumma Playground is powered by Sandpack, a code editor component for the web.


Zero Configuration

All you have to do is write some Yumma CSS — it’s already installed!

Yumma Playground - Zero Configuration

Responsiveness

To test how responsive it is, just resize the preview panel.

Yumma Playground - Responsiveness

Completions

Get some helpful tips on using semantic HTML tags when you’re writing.

Yumma Playground - Completions

Community

Join the Yumma CSS community! Share your experiences and help Yumma CSS grow and be the best it can be.