Skip to content
Sunsetting Yumma CSS Intellisense extension 👋

Yumma CSS and React

Setup Yumma CSS with React.

Creating a new project

To create a new React project, you need run the React command in your terminal.

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

    Start your application using npm run dev.

    Starting development server...
    npm run dev
  4. Done!

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

    src/App.tsx
    function App() {
    return <h1 className="fs-sm fw-700 ta-c tc-indigo">Yumma CSS 🤝 React</h1>;
    }
    export default App;

Clone this project

You can clone the project from the GitHub repository.

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