Skip to main content

Installation

The easiest way to get started with GamiUI is to use the global installation. Which means that all the components are imported from a single package.

gamiBrain

Follow the steps below to install all GamiUI components:

  • 1. Install Packages:

    To install GamiUI, run one of the following commands in your terminal:


    npm i @gamiui/standard

  • 2. Provider Setup:

    It is essential to add the GamiUIProvider at the root of your application:


    import React from "react";
    import { ThemeGamification } from "@gamiui/standard";

    export const App = () => {
      return (
        <ThemeGamification> 
          <YourApplication />
        </ThemeGamification>
      );
    };

Framework Guides​

GamiUI is compatible with your preferred framework. We have compiled comprehensive, step-by-step tutorials for the following frameworks: