Skip to content
Support Yumma CSS by starring us on GitHub!

Yumma CSS and Angular

Learn how to integrate Yumma CSS with Angular.

Creating a new project

To create a new Angular project, you need to have the Angular CLI installed on your machine.

  1. Install Yumma CSS:

    Install the Yumma CSS Library using a package manager.

    Installing dependencies...
    npm install yummacss@latest
  2. Include yummacss in your main CSS file:

    In this case, we’re importing the minified version of Yumma CSS.

    src/globals.css
    @import "../node_modules/yummacss/dist/yumma.min.css";
  3. Start development server

    To see the changes, start the development server.

    Starting development server...
    npm start
  4. Done!

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

    src/app/app.component.html
    <h1 class="fs-sm fw-700 ta-c tc-indigo">Yumma CSS 🤝 Angular</h1>

Clone this project

You can clone the project from the GitHub repository.

Cloning the project...
git clone https://github.com/yumma-lib/angular-example.git