@zag-js/tour NPM | npm.io

0.50.0 • Published 2 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

2 days ago

@zag-js/tour

Core logic for the tour widget implemented as a state machine

Installation

yarn add @zag-js/tour
# or
npm i @zag-js/tour

Contribution

Yes please! See the contributing guidelines for details.

Licence

This project is licensed under the terms of the MIT license.

Docs Examples

Useful for designing guided product tours, feature highlights, contextual help in your application.

https://design.mindsphere.io/patterns/guided-tour.html
https://design.mindsphere.io/patterns/guided-tour.html
https://codepen.io/collection/DyPkzY?cursor=eyJwYWdlIjoxfQ==
Changing the placement of a tour, per step
Exiting the tour on interaction outside
Styling the overlay background
Adding a stroke around around the overlay
Highlighting with no target
Showing tour progress
Removing the overlay
Disabling keyboard navigation
Handling Cross frame elements (iframes)
RTL Support (right to left)
Customizing the accessibility labels
Asynchronous steps using effects
- Lazy-Loading
- Show step after a delay
Celebrating the end of the tour
- End the tour with a celebration
Wait for Navigation and Content to Load
Accessibility
- Keyboard navigation
- Screen reader support
- Focus management
- Live region for content updates

Pro Examples

Customizable Tour Templates
Analytics Integration
Multi-Language Support
Advanced Branching Logic

js machine xstate statechart component chakra-ui tour guide app walkthrough intro

focus-trap @zag-js/anatomy @zag-js/core @zag-js/dom-query @zag-js/popper @zag-js/dismissable @zag-js/utils @zag-js/types

0.0.0-dev-20240520151730

2 days ago

0.0.0-dev-20240515162717

7 days ago

0.0.0-dev-20240515160243

7 days ago

0.0.0-dev-20240515121647

7 days ago

7 days ago

0.0.0-dev-20240514231431

7 days ago

0.0.0-dev-20240513172202

9 days ago

0.0.0-dev-20240510140649

12 days ago

0.0.0-dev-20240510162335

12 days ago

0.0.0-dev-20240509114608

13 days ago

0.0.0-dev-20240509181535

13 days ago

0.0.0-dev-20240508112036

14 days ago

0.0.0-dev-20240508002451

14 days ago

0.0.0-dev-20240508002941

14 days ago

0.0.0-dev-20240506183024

16 days ago

0.0.0-dev-20240506143411

16 days ago

0.0.0-dev-20240506201227

16 days ago

0.0.0-dev-20240506150048

16 days ago

0.0.0-dev-20240505103514

17 days ago

0.0.0-dev-20240503105745

19 days ago

0.0.0-dev-20240503111646

19 days ago

0.0.0-dev-20240502170637

20 days ago

0.0.0-dev-20240428211915

23 days ago

23 days ago

0.0.0-dev-20240428213103

23 days ago

0.0.0-dev-20240428225153

23 days ago

0.0.0-dev-20240427205601

24 days ago

0.0.0-dev-20240426135528

26 days ago

0.0.0-dev-20240426215128

25 days ago

0.0.0-dev-20240425134655

27 days ago

0.0.0-dev-20240424093930

28 days ago

0.0.0-dev-20240424210416

27 days ago

0.0.0-dev-20240424203504

27 days ago

0.0.0-dev-20240424190747

28 days ago

0.0.0-dev-20240424195730

28 days ago

0.0.0-dev-20240424204741

27 days ago

0.0.0-dev-20240424072132

28 days ago

0.0.0-dev-20240424101351

28 days ago

0.0.0-dev-20240424083844

28 days ago

0.0.0-dev-20240423155603

29 days ago

0.0.0-dev-20240423150835

29 days ago

0.0.0-dev-20240423165655

29 days ago

0.0.0-dev-20240422161736

30 days ago

30 days ago

0.0.0-dev-20240420183338

1 month ago

0.0.0-dev-20240420175436

1 month ago

0.0.0-dev-20240420202821

1 month ago

0.0.0-dev-20240419221913

1 month ago

0.0.0-dev-20240419232104

1 month ago

0.0.0-dev-20240418111020

1 month ago

0.0.0-dev-20240418105312

1 month ago

0.0.0-dev-20240418114332

1 month ago

1 month ago

0.0.0-dev-20240415150937

1 month ago

0.0.0-dev-20240415135943

1 month ago

0.0.0-dev-20240415132612

1 month ago

0.0.0-dev-20240415150427

1 month ago

0.0.0-dev-20240415135225

1 month ago

0.0.0-dev-20240414191827

1 month ago

0.0.0-dev-20240412193711

1 month ago

0.0.0-dev-20240412192708

1 month ago

0.0.0-dev-20240412181302

1 month ago

1 month ago

0.0.0-dev-20240411202552

1 month ago

0.0.0-dev-20240410000101

1 month ago

0.0.0-dev-20240409173156

1 month ago

0.0.0-dev-20240407194709

1 month ago

0.0.0-dev-20240406192502

2 months ago

0.0.0-dev-20240405093351

2 months ago

0.0.0-dev-20240405143052

2 months ago

0.0.0-dev-20240404201437

2 months ago

2 months ago

2 months ago

0.0.0-dev-20240402190741

2 months ago

0.0.0-dev-20240401134025

2 months ago

2 months ago

2 months ago

0.0.0-dev-20240401175026

2 months ago

0.0.0-dev-20240403172135

2 months ago

0.0.0-dev-20240402115802

2 months ago

0.0.0-dev-20240401113729

2 months ago

0.0.0-dev-20240402085645

2 months ago

0.0.0-dev-20240401181552

2 months ago

2 months ago

0.0.0-dev-20240402190329

2 months ago

0.0.0-dev-20240403170757

2 months ago

0.0.0-dev-20240401144529

2 months ago

0.0.0-dev-20240331223619

2 months ago

0.0.0-dev-20240330014326

2 months ago

0.0.0-dev-20240328082118

2 months ago

0.0.0-dev-20240327224627

2 months ago

0.0.0-dev-20240327185419

2 months ago

0.0.0-dev-20240327231551

2 months ago

0.0.0-dev-20240326142713

2 months ago

2 months ago

0.0.0-dev-20240325144630

2 months ago

0.0.0-dev-20240325182522

2 months ago

0.0.0-dev-20240325104526

2 months ago

0.0.0-dev-20240325182053

2 months ago

0.0.0-dev-20240325111212

2 months ago

0.0.0-dev-20240325135545

2 months ago

0.0.0-dev-20240325144058

2 months ago

0.0.0-dev-20240325210644

2 months ago

0.0.0-dev-20240325185213

2 months ago

0.0.0-dev-20240325210159

2 months ago

0.0.0-dev-20240325145650

2 months ago

0.0.0-dev-20240323192853

2 months ago

0.0.0-dev-20240323011014

2 months ago

0.0.0-dev-20240322210944

2 months ago

0.0.0-dev-20240323195153

2 months ago

0.0.0-dev-20240319130154

2 months ago

2 months ago

0.0.0-dev-20240319172205

2 months ago

0.0.0-dev-20240319145605

2 months ago

0.0.0-dev-20240319152430

2 months ago

0.0.0-dev-20240319131128

2 months ago

0.0.0-dev-20240319173246

2 months ago

0.0.0-dev-20240313130245

2 months ago

0.0.0-dev-20240311105914

2 months ago

0.0.0-dev-20240311104454

2 months ago

2 months ago

0.0.0-dev-20240308131516

2 months ago

0.0.0-dev-20240305102340

3 months ago

0.0.0-dev-20240304142605

3 months ago

0.0.0-dev-20240304130833

3 months ago

0.0.0-dev-20240229205109

3 months ago

3 months ago

0.0.0-dev-20240226122439

3 months ago

0.0.0-dev-20240222185953

3 months ago

3 months ago

3 months ago

3 months ago

0.0.0-dev-20240225083948

3 months ago

0.0.0-dev-20240223160309

3 months ago

0.0.0-dev-20240222152205

3 months ago

3 months ago

0.0.0-dev-20240220140757

3 months ago

0.0.0-dev-20240219123837

3 months ago

0.0.0-dev-20240220083154

3 months ago

0.0.0-dev-20240218230834

3 months ago

0.0.0-dev-20240219112318

3 months ago

0.0.0-dev-20240218231445

3 months ago

0.0.0-dev-20240218212651

3 months ago

0.0.0-dev-20240219111719

3 months ago

0.0.0-dev-20240218175520

3 months ago

0.0.0-dev-20240220080902

3 months ago

0.0.0-dev-20240219121231

3 months ago

0.0.0-dev-20240218121115

3 months ago

0.0.0-dev-20240216185224

3 months ago