The Vibeary — tag

onboarding

11 resources in The Vibeary tagged "onboarding" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of ScreensDesign

ScreensDesign

Library of iOS app screen recordings and screenshots organised by onboarding, paywall and core flows.

ScreensDesignfreemium
Preview of step_progress_indicator

step_progress_indicator

Flutter widget for stepped progress bars built from selected and unselected segments, highly configurable.

Sandro Maglione (@SandroMaglione)MIT
Preview of NextStep

NextStep

Lightweight onboarding tour library for Next.js and React with Framer Motion animation and cross-route tours.

Alex Z (@AlexZDevs, enszrlu)MIT
Preview of Intro.js

Intro.js

10KB step-by-step onboarding tour library with hints and a dual AGPL/commercial licence.

Usablica (@usablica)GPL
Preview of liquid-glass-screens

liquid-glass-screens

Two Expo React Native liquid-glass welcome screens with Skia refraction, swipe-driven sphere motion, and agent copy-paste prompts.

Appllama (@jaimintf)GPL
Preview of tourcn

tourcn

Spotlight product-tour component for React, delivered as source via the shadcn CLI on Base UI and Floating UI.

Bundui (@bundui)MIT
Preview of Onborda

Onborda

Product tour and onboarding component for Next.js with step targeting, masking and route awareness.

@uixmatMIT
Preview of React Joyride

React Joyride

React walkthrough library that positions and styles tour steps while letting you supply your own components.

Gil Barbara (@gilbarbara)MIT
Preview of Page Flows

Page Flows

Screen recordings of real product flows (onboarding, checkout, cancellation) captured over time.

Ramy Khuffashpaid
Preview of Driver.js

Driver.js

5KB dependency-free library for product tours, feature highlights and contextual hints with a spotlight overlay.

Kamran Ahmed (@kamrify)MIT
Preview of Shepherd

Shepherd

Framework-agnostic guided tour library with focus trapping, full keyboard navigation and ARIA compliance.

Ship Shape (@shipshapecode)MIT