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.