Intro.js documentationHomepageHomepageQuick StartQuick StartSupportSupportBlogBlog
GitHubGitHub (opens in a new tab)
  • Introduction
    • Install Intro.js
    • Quick Start
    • License
      • Async/Await callbacks
      • Confirm before exit
      • CSS ClassName
      • Disable element interaction
      • Don't Show Again
      • Floating tooltip
      • HTML in tooltip
      • JSON configuration
      • Progress bar
      • Right-to-left tour
      • Scrollable element
      • Tooltip positions
      • Tour for SVG elements
      • Tour Hello World
      • Tour without bullets
      • Tour without buttons
    • Tour API (opens in a new tab)
    • Tour HTML Attributes (opens in a new tab)
    • Tour Options (opens in a new tab)
      • Hints Hello World
    • Hints API (opens in a new tab)
    • Hints HTML Attributes (opens in a new tab)
    • Hints Options (opens in a new tab)
    • Install themes
    • Intro.js Themes
    • Add your Intro.js wrapper
    • Intro.js Angular
    • Intro.js Dart
    • Intro.js Drupal
    • Intro.js Ember
    • Intro.js GWT
    • Intro.js Magento
    • Intro.js R
    • Intro.js Rails
    • Intro.js React
    • Intro.js Wordpress
    • Intro.js Yii
    • Intro.js Yii2
    • Build Intro.js
    • Intro.js Changelog
    • Migration Guide
  • More
  • API (opens in a new tab)
  • Community
  • Support

On This Page

  • Classic
  • Royal
  • Nassim
  • Nazanin
  • Dark
  • Modern
Question? Give us feedback → (opens in a new tab)
Docs
Themes
Intro.js Themes

Intro.js Themes

A list of awesome custom templates are available on this page. Themes files are available on CDNs, NPM, Bower and Github repository.

💡

Please refer to Using themes to read about the installation process.

Classic

Current default IntroJS template.

Royal

Fixed tooltip bar to footer.

Nassim

Nazanin

Dark

Modern

Install themesAdd your Intro.js wrapper

2025 © Intro.js.