Skip to content
Get ready for the next version of Yumma CSS, which is going to be amazing!

Yumma CSS and .NET

How to add Yumma CSS to your project with Dotnet.


  1. Navigate to your project:

    Navigate to the solution your project:

    Terminal
    cd project-name\solution-name
  2. Install Yumma CSS:

    Install the Yumma CSS Library using LibMan.

    Installing dependencies...
    libman install yummacss@latest --provider jsdelivr --destination lib/yummacss

    Once you’ve installed it, you should see the yummacss folder inside your /lib folder.

    • DirectoryProperties/
    • Directorywwwroot
      • Directorycss
        • site.css
      • Directoryjs
        • site.js
      • Directorylib/
        • Directoryyummacss/ generates this
      • favicon.ico
    • DirectoryControllers
      • HomeController.cs
    • DirectoryModels
      • ErrorViewModel.cs
    • DirectoryViews
      • DirectoryHome/
      • DirectoryShared/
    • appsettings.json
    • libman.json
    • Program.cs
  3. Add yummacss to your main CSS file:

    css/site.css
    /* Minified Version */
    @import "/lib/yummacss/dist/yumma.min.css";
  4. Start development server

    You can also press the F5 key to access the development server.

  5. Use Yumma CSS in your project:

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

    Home/Index.cshtml
    <div class="h-1/1 ins">
    <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + .NET</h1>
    </div>

Project example

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

  1. Cloning repository

    Cloning repository...
    git clone https://github.com/yumma-lib/dotnet-yummacss-example.git
  2. Installing dependencies

    Installing dependencies...
    npm install
  3. Start development server

    Terminal
    npm run dev