guidejs.com

What It Is

Guide.js is a lightweight, open-source React product tour component designed for product tours, user onboarding, and contextual help. It is not positioned as a full growth platform with a backend, but as a frontend component that can be embedded directly into an application: pass in steps, render <Guide>, and you get guided overlay UI.

Core Capabilities

Based on the available content, Guide.js focuses on being “low-intrusion.” It is a stateless component, does not require a provider or store, and emphasizes having no side effects unless explicitly opted into. Step types include dialog, pointer, banner, and announcement, covering common use cases such as welcome messages, element pointers, banner notifications, and announcements. It can anchor to arbitrary elements using CSS selectors, while handling positioning and repositioning. For theming, it can be customized via CSS variables, per-step JSON theme tokens, or custom CSS; render-prop slots also allow injecting footers, branding, and controls. Technically, it is explicitly a React component, TypeScript-first, and provides type definitions for tours, steps, configuration, lifecycle callbacks, and more. Package formats include both ESM and CJS.

Pricing and Deployment

The text clearly describes it as open-source, with no mention of a commercial edition, subscription, or usage-based pricing. It can therefore be understood as a free open-source component, though the license, paid support, and enterprise services are not specified in the text. For deployment, it is “zero backend”: install it via npm, pnpm, yarn, or bun, then ship it as part of your frontend application build. This makes it naturally suitable for self-hosted or internal network systems.

Pros and Cons

Its strengths are simple integration, a small API surface, no backend dependency, fine-grained theming control, and strong TypeScript support. It is a good fit for React teams that want full control over UI and data flow. The limitations are also clear: the text does not show built-in productized features such as user segmentation, analytics, A/B testing, or an admin configuration dashboard. It also does not specify Vue/Angular support, licensing details, the maintenance team, or commercial SLAs.

Who It’s For and Access from China

Guide.js is suitable for React SaaS products, admin dashboards, developer platforms, and other teams that need lightweight user guidance. It is especially relevant for scenarios where teams do not want to add third-party SaaS scripts or upload user behavior data. Access from China cannot be determined from the text alone; if the npm package can be fetched normally, engineering integration should not be a major issue. If you need a mature operations backend, compare it with Appcues or Userflow; if you prefer open-source frontend libraries, consider Intro.js, Shepherd.js, Driver.js, or React Joyride.