Driver.js Demo

Lightweight, modern onboarding library with zero dependencies

Welcome Section

This is the welcome section where users first land. Driver.js will highlight this area and explain its purpose during the onboarding tour.

Quick Actions

Access your most frequently used features here. Driver.js uses the Von Restorff Effect to make important elements stand out.

Analytics Dashboard

View your performance metrics. The tour demonstrates Progressive Disclosure by revealing features step-by-step.

Settings & Configuration

Profile

Manage your account settings and preferences

Notifications

Control how and when you receive updates

Privacy

Manage your data and privacy settings

🎉 You're All Set!

This final step demonstrates the Peak-End Rule - creating a positive ending experience that users will remember.

Note: This demo uses localStorage to remember if you've completed the tour. Clear your browser data to see the tour again on page load.