# All Recipes

> Short, copy-ready Driver.js recipes for common jobs: first-run onboarding, teaching a form or a menu, resuming tours, confirming exits, analytics, frameworks and theming.

Each recipe is one job, with a live demo where it helps and the code to copy. The guides explain the features; the recipes put them together.

## Onboard New Users

- [First-Run Onboarding](https://driverjs.com/docs/first-run-onboarding.md): show a tour once on the first visit, with a replay button.
- [Getting-Started Checklist](https://driverjs.com/docs/getting-started-checklist.md): a checklist whose items each launch a short tour.
- [Announce a Feature](https://driverjs.com/docs/announce-a-feature.md): point out something new once, or with a hint that stays dismissed.
- [Start From a Help Menu](https://driverjs.com/docs/start-from-a-help-menu.md): "Take the tour" starts at the step for the current screen.

## Teach a Task

- [Teach a Form](https://driverjs.com/docs/teach-a-form.md): explain each field, or move on only when a field is valid.
- [Walk Through a Menu](https://driverjs.com/docs/walk-through-a-menu.md): open a dropdown, pick an item, recover when it closes.
- [Steps Inside a Dialog](https://driverjs.com/docs/steps-inside-a-dialog.md): run steps inside a modal and come back to the page.
- [Wait for a Save](https://driverjs.com/docs/wait-for-a-save.md): hold a step until your app finishes, then show it's done.
- [Right-Click and Double-Click Steps](https://driverjs.com/docs/right-click-and-double-click.md): accept only the gesture the step teaches.

## Keep Progress

- [Resume a Tour](https://driverjs.com/docs/resume-a-tour.md): pick up at the step where the user left.
- [Multi-Page Tours](https://driverjs.com/docs/multi-page-tours.md): continue a tour after a page load or route change.

## Control How a Tour Ends

- [Confirm Before Closing](https://driverjs.com/docs/confirm-before-closing.md): ask before an early exit, or don't allow one.
- [Track Tour Analytics](https://driverjs.com/docs/track-tour-analytics.md): finished or closed, and the step where people quit.

## Fit Your App

- [React and Vue](https://driverjs.com/docs/react-and-vue.md): set up and clean up in React, Vue and Next.js.
- [Custom Buttons](https://driverjs.com/docs/custom-buttons.md): add Skip and Restart, rename and translate buttons.
- [Match Your Brand](https://driverjs.com/docs/match-your-brand.md): dark and brand themes with a class and CSS variables.