Element Highlighting and Spotlight
Focus user attention on specific elements with customizable backdrop overlays. Automatically follows elements when they move, resize, or scroll into view.
Guida.js: JavaScript Library for User Onboarding Tours
Create beautiful, accessible user onboarding experiences with our lightweight TypeScript library. Highlight elements, show contextual tooltips, and guide users through your web application without the bloat.
~4.8kB
Minified and gzipped bundle size
Zero
External dependencies required
TypeScript
Built with full type safety
MIT
Open source license
Core Features for Web Developers
Essential capabilities for creating effective user onboarding experiences without unnecessary complexity or performance overhead.
Full TypeScript Support
Complete type definitions included for better developer experience. Get autocomplete suggestions, type checking, and IntelliSense in your IDE.
Responsive and Mobile-Ready
Adapts seamlessly to different screen sizes and device orientations. Optimized touch interactions for mobile and tablet users.
Easy Customization
CSS custom properties and class overrides allow complete visual customization. Match your brand colors and design system effortlessly.
Lightweight Performance
Zero external dependencies and tree-shakeable ES modules. Minimal impact on your application's loading time and runtime performance.
Accessibility Built-In
WCAG compliant with keyboard navigation, focus management, and screen reader support. Inclusive design for all users.
Interactive Demo
Experience Guida.js in action with our live demonstration showcasing real onboarding tour functionality.