Add Yumma CSS in Next.js

1. Install Yumma CSS:

   Install the Yumma CSS Library using a package manager.

   Installing dependencies...

   npm i yummacss@latest

2. Add yummacss to your main CSS file:

   app/globals.css

   /* Minified Version */
   @import "yummacss/dist/yumma.min.css";

3. Getting ready for development:

   Start your application using npm run dev.

   Terminal

   npm run dev

4. Use Yumma CSS in your project:

   You’re all set to start using Yumma CSS utility classes in your project.

   app/page.tsx

   export default function Home() {
       return (
           <div className="h-1/1 ins">
               <h1 className="fs-xxl fw-500 tc-pink">Yumma CSS + Next.js</h1>
           </div>
       );
   }

---

Still stuck?

If you’re having trouble with Yumma CSS, clone this Next.js example.

Cloning repository...

git clone https://github.com/yumma-lib/nextjs-yummacss-example.git