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
    • Tour HTML Attributes
    • Tour Options
      • Hints Hello World
    • Hints API
    • Hints HTML Attributes
    • Hints Options
    • 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
  • More
  • 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

2024 © Intro.js.