hintbeamv0.1
Get started

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.

Dashboard

Last 30 days

Revenue$48,210+12.4%
Active users3,904+5.1%
Churn1.8%−0.3%
Activity 24 events
  • PPriya exported a report
  • MMarco invited a teammate
  • LLena updated a dashboard
  • SSam shared a chart
  • AAiko added a data source
  • TTomás exported a report
  • PPriya invited a teammate
  • MMarco updated a dashboard
  • LLena shared a chart
  • SSam added a data source
  • AAiko exported a report
  • TTomás invited a teammate
  • PPriya updated a dashboard
  • MMarco shared a chart
  • LLena added a data source
  • SSam exported a report
  • AAiko invited a teammate
  • TTomás updated a dashboard
  • PPriya shared a chart
  • MMarco added a data source
  • LLena exported a report
  • SSam invited a teammate
  • AAiko updated a dashboard
  • TTomás shared a chart

Customise

Changes apply to the tour right away.

Style
Brand colour
Card colour
Guide orb
Line style
Step card
Your theme, as code
theme.ts
import { createTourTheme } from "hintbeam";

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

<TourProvider theme={theme} … />