Get a new user to first value, not just through your sign-up form.

RunMarkLabs is the onboarding and activation components product teams rebuild badly every time they need one: multi-step flows, progress indication, checklists, empty states, tours, and contextual prompts. Not another generic component library — those components exist here too, but only as internal primitives.

This is the same Stepper and Callout the free tier ships. Click through it.

  1. 2Connect your data
  2. 3Ship your first workflow
Step 1 of 3, Invite your team

Invite your team

Add the people who'll actually use this. You can do this later, but activation drops fast once you skip it.

Six components you'll actually use

Every component forwards its ref, spreads rest props, ships a controlled and an uncontrolled mode, and passes axe with zero violations. Two are built out end to end right now — start there.

Three tiers, one codebase

Free is real — MIT, six components, nothing held back. Foundation is where a funded team gets the system underneath the components, not just the components.

Free

$0

The marketing tier. Also just a good free component set.

  • 6 core components: Stepper, ProgressRing/Bar, Checklist, EmptyState, Callout, WelcomeCard
  • MIT license
  • Public npm + public GitHub
npx create-runmarklabs

Pro

$149 per developer

The full component set for teams building the real thing.

  • Everything in Free
  • Tour, ActivationMeter, SetupWizard, InlineHint, SuccessMoment
  • OnboardingProvider + hooks + analytics adapters
  • Commercial license, perpetual use, 1 year of updates
Get Pro

Read the docs

Every implemented component's page has a live, editable playground, a props table generated from its actual types, accessibility notes, and a copyable install snippet.

Start with Callout →