Flexible feature user onboarding for your app

Features

Framework agnostic

It can be used with any framework or simply vanilla JS.

Rich API

Allows you to customize the tour to your needs: flow control methods, user interactivity, lifecycle hooks, CSS custom classes etc.

Light and no dependencies

Revelio feature is a light library with no dependencies, it’s only 4.8kb gzipped.

Typescript

Revelio feature has Typescript support, allowing type safety and better developer experience.

Auto scrolls to elements

Automatically scrolls to elements, even when this elements are in nested scollable containers.

Supports stacking contexts nesting

Others feature discovery alternatives doesn’t work with stacking contexts nesting, Revelio feature allows you to overcome this problem with its rich API.

Free and open source

Revelio will be always free and open source, we are open to contributions and feedback!

Get started

Install the dependency and start building the feature tour your users deserve.

npm install revelio-feature

Create your first tour.

import { Revelio } from 'revelio-feature';

const revelioTour = new Revelio({
  options: {
    // ... custom global options
  },
  journey: [
    {
      title: 'Welcome to my Amazing App!', // title of the step
      content: 'Click "Next" to get started discovering my app features.', // description of the step
      element: '#welcome-element', // CSS query selector
      options: {
        // ... custom options for this step
      },
    },
    // ... more steps
  ],
});

Folow the quick start guide for more details