Displaying 1 to 20 from 23 results

react-joyride - Create walkthroughs and guided tours for your app

  •    Javascript

Include Joyride in the parent component. Don't forget to pass a ref to the component.

intro

  •    HTML

Better introductions for websites and features with a step-by-step guide for your projects. 1) Include intro.js and introjs.css (or the minified version for production) in your page. Use introjs-rtl.min.css for Right-to-Left language support.

Instructions - Create walkthroughs and guided tours (coach marks) in a simple way, with Swift.

  •    Swift

Add customizable coach marks into your iOS project. Available for both iPhone and iPad. If you need help with something in particular, ask a question in the Gitter room.

shepherd - Guide your users through a tour of your app

  •    Javascript

Shepherd is maintained by Ship Shape. Contact us for Ember.js consulting, development, and training for your project. Installing via npm will bring in the above dependencies as well.




vue-tour - Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue

  •    Vue

Vue Tour is a lightweight, simple and customizable tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application. You can install vue-tour using npm or by downloading the minified build on GitHub.

introduction - An Android library to show an intro to your users.

  •    Java

Show a beautiful Intro to your users with ease. You can download the latest sample app here.


geotour-js - A JS component to animate a tour between stops on a map.

  •    Javascript

This component takes a feature service of stops and animates great circle lines between them using the 4.0 ArcGIS API for JavaScript in either a 2D MapView or a 3D SceneView. See a live version here.

react-user-tour - give your user a guided tour around your application

  •    Javascript

function that fires when user clicks the Next button. Receives the next step integer as a callback. For example, if current step is 1 and user clicks the Next button, onNext(2) will be called. function that fires when user clicks the Back button. Receives the previous step integer as a callback. For example, if current step is 2 and user clicks the Back button, onBack(1) will be called.

Sideshow - Sideshow is a powerful javascript library which aims to reduce your user's learning curve by providing a way to create step-by-step interactive tours

  •    Javascript

Sideshow is a powerful javascript library which aims to reduce your user's learning curve by providing a way to create step-by-step interactive helps. ##Usage All the files needed to use Sideshow are located under the distr folder.

driver

  •    Javascript

Demos and many more usage examples can be found through the docs page. A real world usage example for this could be using it to dim the background and highlight the required element e.g. the way facebook does it on creating a post.

tiny-tour - A tiny library for creating introductions/tours.

  •    Javascript

Tiny Tour is a really small JavaScript library for adding a tour to your website. Download this library and include it.

go-exercices - Exercices from the Go tour

  •    Go

My solutions for the exercises of the Go Tour.

anno.js - Interactive step-by-step guides for web apps.

  •    Javascript

After including anno.js you can define your annotations (see examples). For better performance, you can host the files yourself. Clone the repo or download the zip, then copy anno.js, anno.css and scrollintoview/jquery.scrollintoview.min.js into your project.

core - D Language online tour (https://tour.dlang.org/) and online editor (https://run.dlang.io/)

  •    D

This is the D language online tour which provides an online introduction to this great system programming language with examples that can be edited, compiled and run online. The most recent version of this tour can be seen here: http://tour.dlang.org.

english - Base language version of the Tour

  •    Shell

Found a typo or want to improve the content? Just click on "edit" and send us a pull request. If you want to discuss an idea for a change first, don't hesitate to open an issue. You might also be looking for the base repository that hosts the content.

ember-shepherd - An Ember addon for the site tour library Shepherd

  •    Javascript

ember-shepherd is built and maintained by Ship Shape. Contact us for Ember.js consulting, development, and training for your project. This is an Ember wrapper for the Shepherd, site tour, library. It provides additional functionality, on top of Shepherd, as well.