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

Yumma CSS and React

Install Yumma CSS with React.


  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:

    src/App.css
    /* Minified Version */
    @import "/node_modules/yummacss/dist/yumma.min.css";
  3. Start development server

    Start your application using npm run dev.

    Terminal
    npm start
  4. Done!

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

    src/App.js
    import "./App.css";
    function App() {
    return (
    <div class="h-1/1 ins">
    <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + React</h1>
    </div>
    );
    }
    export default App;

Project example

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

  1. Cloning repository

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

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

    Terminal
    npm run dev