Stable Version 1.0.0 (O11)
Also available for 10
Published on 14 Mar (11 days ago) by 
Created on 13 Mar (12 days ago)
Hopscotch is a framework to make it easy for developers to add product tours and/or introductions to their pages. Via simple Server Actions and Web Blocks you can configure your Introduction Tours with ease.
Read More

Hopscotch is a framework made by LinkedIn. It features a simple interface that enables developers to quickly create introduction tours. This wrapper enables the most used parts of the framework. 

To use it first you need to drag the "hopscotch" web block onto your page. Then you can add introduction tours via the Server Actions. Callouts can be added either via a Server Action or via an Web Block. 

For more information about Hopscotch check either the Demo Application or the following link: http://linkedin.github.io/hopscotch/

What’s new (1.0.0)


- Outsystems 11 support including Events


- Updated the Demo app to include Event capabilities

Reviews (0)
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Vincent Koning who created this component.
Hopscotch has no dependencies.
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
More from Vincent Koning
Ricardo Gonzaga
The Timeline is an interactive visualization chart to visualize data in time. The data items can take place on a single date, or have a start and end date (a range). You can freely move and zoom in the timeline by dragging and scrolling in the Timeline.
Leaflet JS Web Plugin
Leaflet JS Web
A interactive map component based on javascript library Leaflet JS with capacity to draw polygons, lines, circles, areas, markers, etc.