Playground

Acme is a small dashboard with four pages, a long feed and an export that takes a moment. Shape the tour in the Customise panel, play it, then copy the theme into your app.

Team

3 people

PPriya Shahpriya@acme.appOwner
MMarco Rossimarco@acme.appAdmin
LLena Vogellena@acme.appAnalyst

Customise

Changes apply to the tour right away.

Style

Brand colour

Card colour

Guide orb

Line style

Glow0.65Dim the page0.44Corners16px

Language

Step card

Your theme, as code

theme.ts

import { createTourTheme } from "hintbeam";

const theme = createTourTheme({
  brand: "#8B6CFF",
  mode: "dark",
  style: "aurora",
});

<TourProvider theme={theme} … />