Quick Start & Overview

Installation & Core Architecture

GuideLoop consists of a pure ES2019 core engine (@guideloop/core) and framework-specific wrappers designed for zero runtime overhead.

npm install guideloop @popperjs/core

Choose Your Framework Adapter

Select your application framework below for tailored setup guides, reactive hooks, and component APIs.

Minimal Core Engine Usage

import { GuideLoop } from "guideloop";

const tour = new GuideLoop({
  steps: [
    {
      target: "#welcome-header",
      title: "Welcome!",
      content: "Let's explore the core features.",
      placement: "bottom"
    }
  ],
  theme: "tailwind"
});

await tour.start();