Intro.js v2.0

In plain words

Intro.js is a JavaScript framework that enables developers to create step-by-step guided tours and feature introductions for websites and mobile applications. It helps onboard new users by highlighting product features in a user-friendly manner. The open-source tool allows developers to define introduction steps by adding data attributes to HTML elements, making setup straightforward. It is free to use and designed for web and mobile developers building interactive user experiences.

written from the facts on this page · September 2026

From the sources

Intro.js - Step-by-step guide and feature introduction for your website

When new users visit your website or product you should demonstrate your product features using a step-by-step guide. Even when you develop and add a new feature to your product, you should be able to represent them to your users using a user-friendly solution. Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily. Intro.js is open-source and free to use. Share the project with your friends. This is a basic usage of the library. You can define steps by adding data-intro attribute to the HTML elements. This is the easiest way to setup your step-by-step guide. Add progress-bar to your step-by-step introduction. It's as easy as adding…from usablica.github.io

• WP
  Weekend project, Intro.js2013 · usablica.github.com · ▲716
• IJ
  Intro.js Hints2016 · introjs.com · ▲126

  Create step-by-step product tours, user onboarding guides easily. Intro.js is a lightweight, open-source user onboarding library. Get started for free!

• 
  Intro.js2014 · usablica.github.io · ▲176

  Simple Javascript framework for adding screen tips

• UI
  Using Intro.js to add hints2016 · introjs.com · ▲5

  Create step-by-step product tours, user onboarding guides easily. Intro.js is a lightweight, open-source user onboarding library. Get started for free!

• 
  TourGuideJS2022 · tourguidejs.com · ▲91

  A free and complete alternative to IntroJS

• 
  I made a CLI tool to create web extensions with no build configuration2024 · github.com · ▲381

  Hello HN! I'm the creator and solo developer of Extension.js, a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Developers use it to spend less time configuring the compilation config or learning new frameworks and more time actually writing code. Most projects similar to Extension.js rely on some sort of abstraction or configuration to get started, making the initial development process slow given the extra learning curve and setup guidelines. By using Extension.js, adding the package to your npm scripts is all it…

• 
  /dev/null▲487

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Polymail▲1,567

  A simple, beautiful, and powerful email client for Mac

  Growth · 2015 · polymail.io

• OH
  Open Hunt – an open and community-run alternative to Product Hunt▲1,093

  Life & fun · 2015 · openhunt.co

• 
  Tribe 1.0▲621

  Walkie-talkie re-invented

  Work · 2015 · tribe.pm

• 
  Notion▲585

  Artificial intelligence-powered email.

  AI · 2015 · notion.so

• 
  Boxy▲572

  Inbox by Gmail, finally on your Mac

  Growth · 2015 · boxyapp.co

• 
  Jukedeck 2.0▲554

  Create unique, royalty-free music for your videos, using AI

  AI · 2015 · jukedeck.com