Onboarding Starter

SlidesIntroFirst-run

A swipeable, multi-slide intro carousel that greets first-time users and explains what your app does. It includes progress dots, a skip button, and a final call-to-action that drops users into the main app.

What's included

✓

Swipeable slides with illustration, headline and copy.

✓

Progress dots that track the current slide.

✓

Skip & Get-started buttons to enter the app.

✓

First-run flag so onboarding only shows once.

Use this template

terminal

cordova create myApp com.dedris.myapp MyApp --template cordova-template-dedris-onboarding
cd myApp
cordova run android

Project structure

www/ ├── index.html # slide carousel ├── css/dedris.css # DedrisFramework styles ├── js/onboarding.js # swipe + first-run logic └── slides/ ├── slide-1.html ├── slide-2.html └── slide-3.html

Remembering first run

www/js/onboarding.js

function finishOnboarding() {
  localStorage.setItem("onboarded", "1");
  location.hash = "#home";
}

← All templates Start building

Intro slide preview