Show HN: A modern React onboarding tour library

Free React tour tool launches; first comment cries 'AI vibes' and fans the flames

TLDR: react-tourlight, a small, MIT-licensed React tool for guiding users around apps, launches as a modern alternative to older or paid options. The first reply dismisses it as “AI vibes,” igniting a trust-versus-polish debate about whether slick looks and zero dependencies can survive real-world apps.

A new React “app tour” library, react-tourlight, just hit Show HN claiming modern looks, zero extra baggage, and a friendly MIT license. It positions itself as the fix for a messy moment: the old favorite Joyride breaks on the latest React, some rivals want money, others have tricky licenses. But the community’s first reaction? A drive-by zinger: “Claude vibe-coded. No thanks.” The shade practically wrote the meme.

That one-liner split the room before the room even showed up. On one side: folks tired of broken, bulky guides who love the promise of tiny (~5KB), slick “spotlight” animations, screen-reader support, and works-with-React-19. On the other: skeptics allergic to anything that looks too glossy or possibly AI-touched, muttering that “pretty tours” often collapse in real apps. The launch also pokes old bruises—license wars (MIT vs GPL), “paid tier” paranoia, and the eternal debate: polish vs reliability.

The devs point to docs, dark/light themes, keyboard navigation, and smart positioning as proof it’s substance, not sizzle. Still, the comment set a vibe: can a cute spotlight survive messy dashboards, lazy-loaded widgets, and mobile screens? For now, the library brings the glow—and the crowd brings the shade. The spotlight’s on the shade, and the shade is loud.

Key Points

  • react-tourlight is an open-source, MIT-licensed React onboarding tour library with a ~5KB gzipped core.
  • It is built for React 19 and avoids deprecated APIs, addressing compatibility issues seen in alternatives.
  • Floating UI can be optionally added for advanced positioning; installation suggests @floating-ui/react-dom.
  • Features include CSS clip-path spotlight effects, WCAG 2.1 AA accessibility, keyboard navigation, i18n, themes, and MutationObserver-based async waiting.
  • A comparison positions react-tourlight against React Joyride, Shepherd.js, Driver.js, and Intro.js on compatibility, licensing, size, accessibility, and dark mode behavior.

Hottest takes

"Claude vibe-coded. No thanks." — spzb
Made with <3 by @siedrix and @shesho from CDMX. Powered by Forge&Hive.