Туры / онбординг · driver-js

Driver.js

Тур по интерфейсу: spotlight, шаги, «смотри сюда»

Tier 1Легко с AIОк на мобилеfree (MIT)JS / React / Vue / vanilla

Design DNA

«Продукт сам показывает дорогу: один луч внимания, короткие шаги, без видео на 20 минут.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Собери Driver.js tour: 5–7 шагов, skip, показать один раз (localStorage).
Селекторы устойчивые. На mobile проверь, что элементы видны.
Не путай с виртуальной 360-галереей.

Что умеет

·Подсветка элементов DOM
·Пошаговый тур с кнопками
·Прогресс, overlay, кастомный UI шага
·Лёгкий вес, быстрый старт

Чего не умеет

·Не 360° тур по залу (это Photo Sphere)
·Не заменяет хороший UX (тур — костыль к сложности)
·Не scroll-фильм

Когда брать

·Онбординг SaaS, админки, нового раздела
·«Покажи где кнопка» после релиза

Когда не брать

·Пространственный тур → Photo Sphere / Spline
·Длинная история → scroll-film

С чем сочетается

AutoAnimateMotionЯндекс.Карты (тур «найди точку»)

Альтернативы

Shepherd.jsIntro.jsReact Joyride

Типичные ошибки

·Тур на каждом заходе
·15+ шагов
·Подсветка элементов, которых нет на mobile layout

Демо и ссылки

driverjs.com