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

Yumma CSS and Solid.js

Install Yumma CSS with Solid js.


  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/index.css
    /* Minified Version */
    @import "/node_modules/yummacss/dist/yumma.min.css";
  3. Start development server

    You can also run npm start to start your application.

    Terminal
    npm run dev
  4. Done!

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

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

Project example

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

  1. Cloning repository

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

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

    Terminal
    npm run dev