simple-ui-tour v1.0.1

Simple Tour

Showcase your UI with this simple function.

Code Explained Here. Code Hosted Here. Showcase Here.

Usage

Add CSS and JavaScript Files to head of the Page.

<link rel="stylesheet" href="tour.css">
<script src="tour.js"></script>

Run the runTour function with a list objects, with a title, description, and optionally an element query that should be focused.

runTour([
    {
        title: 'Lets Take a little Tour!',
        text: 'Descriptive Text',
    },
    {
        title: 'Selection',
        text: 'Explore Different <i>Selection modes</i> here.',
        element: '#selectionButton',
    },
    ...
])

Made by Maxim Maeder.