Stepflow - Modern Tour and Onboarding Solution

Powerful Features at Your Fingertips

Everything you need to create engaging onboarding experiences and guided tours for your users.

Interactive Tours

Create step-by-step guided tours that showcase your application's features in a natural, intuitive way.

Customizable Themes

Match your brand identity with fully customizable themes, colors, and animations.

Responsive Design

Tours that look perfect on any device, from desktops to tablets and mobile phones.

Developer Friendly

Simple API with extensive documentation and examples to get you up and running quickly.

Lightweight

Extremely small footprint with zero dependencies to keep your application fast and efficient.

Progress Tracking

Help users keep track of their onboarding progress with visual indicators and checkpoints.

Quick and Easy Installation

Get up and running with Stepflow in minutes with our simple installation process.

Terminal


                  npm install @mohamedelghandour/stepflow

Terminal


                  yarn add @mohamedelghandour/stepflow

HTML

                
                  <!-- Add to your HTML head -->

                  <script
                    src="https://cdn.jsdelivr.net/npm/@mohamedelghandour/stepflow@latest/dist/stepflow.min.js"></script>

Quick Implementation


                // Import and initialize

                import stepflow from
                '@mohamedelghandour/stepflow';


                stepflow.start({

                  steps: [

                    {

                      target:
                '#dashboard',

                      content: {

                        header:
                'Welcome to the Dashboard',

                        body:
                'This is where you can see all your important metrics at a glance.'

                      }

                    },

                    {

                      target:
                '.user-profile',

                      content: {

                        header:
                'Your Profile',

                        body:
                'Click here to access your profile settings and preferences.'

                      }

                    }

                  ]

                });

Super Simple API

Just a few lines of code to create beautiful guided tours

Framework Agnostic

Works with any JavaScript framework or vanilla JS

TypeScript Support

Full TypeScript definitions included

Guide Your Users Every Step of the Way

Built with Performance in Mind