Each starter is a full Cordova project wired up with DedrisFramework components. Pick the layout that matches your app, scaffold it with one command, and you're already building features instead of boilerplate.
Every starter is plain www/ code: HTML, CSS and JavaScript you can inspect, copy and reshape.
The layout most mobile apps reach for: a persistent bottom tab bar that switches between top-level sections, with active states and three placeholder screens already wired up. It's the fastest way to get a real navigation shell on your device.
The templates cover the flows most Cordova apps need first: navigation, auth, data lists, onboarding and a clean base project. Each card shows the screens, setup effort and the first customization path.
A classic bottom-tab navigation shell with three ready-made sections.
Best for: apps with 3–5 top-level sections.
A slide-out navigation drawer with a content area and header.
Best for: content-heavy apps with many sections.
Sign-in, sign-up and reset-password screens ready to connect to your backend.
Best for: any app that needs user accounts.
A master list that opens detail pages — perfect for catalogs and feeds.
Best for: catalogs, feeds & CRUD screens.
A swipeable intro carousel to welcome first-time users to your app.
Best for: welcoming first-time users.
A minimal single-page project with DedrisFramework wired in — your clean slate.
Best for: starting fully from scratch.
Start with the structure that matches your first real user journey. You can merge pieces later.
Use Tabs for a compact consumer app, or Sidemenu when your product has many sections and settings.
Compare navigation starters →Use Login & Auth for account creation, or Onboarding for the first-run experience before the main app.
Open the auth starter →Use List & Detail when your core screen is a feed, catalog, ticket list, collection or record browser.
Open List & Detail →No blank-page paralysis. Scaffold a working project and customise it from there.
Browse the gallery above and open the template whose layout matches the app you have in mind.
Generate a ready-to-run Cordova project with a single command — cordova create … --template ….
Rename the screens, drop in DedrisFramework components and cordova run on your device.
No generated maze. The starters are designed so you can inspect the files and start replacing content immediately.
index.html with the main shell, first screen and Cordova-ready metadata.templates/tabs/
├─ index.html
├─ pages/
│ ├─ home.html
│ ├─ search.html
│ └─ profile.html
├─ css/
│ └─ app.css
└─ js/
└─ app.js
cordova create myApp com.you.app MyApp --template cordova-template-dedris-tabsNot sure which one to clone? Match your app's shape to a template at a glance.
| Template | Best for | Navigation style | Screens | Customize first | Level |
|---|---|---|---|---|---|
| Tabs Starter | Apps with 3–5 top-level sections | Bottom tab bar | 3 | Labels, icons and default tab | Beginner |
| Sidemenu Starter | Content-heavy apps with many sections | Slide-out drawer | 3 | Menu items and page routes | Beginner |
| Login & Auth | Any app that needs user accounts | Form screens | 4 | Validation and backend calls | Intermediate |
| List & Detail | Catalogs, feeds & CRUD screens | Master → detail | 2 | Data model and detail fields | Intermediate |
| Onboarding | Welcoming first-time users | Swipeable carousel | 3 | Slides, CTA and first-run flag | Beginner |
| Blank Starter | Starting fully from scratch | Single page | 1 | First screen and app theme | Beginner |
Yes. Every starter is MIT-licensed and open source — no paywalls, no commercial tiers and no attribution required. Use them in personal or commercial apps however you like.
Each detail page shows the exact command. In general it's cordova create myApp com.you.myapp MyApp --template cordova-template-dedris-<name>, then cd myApp and cordova run android.
Yes. Templates are plain HTML, CSS and JavaScript running on Apache Cordova, so the same project builds for both iOS and Android from one codebase.
Absolutely. Every template is built on the same dedris.css design system, so you can lift the drawer from Sidemenu into the Tabs Starter, or drop the login screens into any project, with no conflicts.
No. The demo links open the same starter folders under templates/, so the preview stays faithful to the code you will copy into a Cordova project.
Choose Tabs Starter for most new apps. It gives you navigation, multiple screens and a clear place to add features without committing to a complex structure too early.
Please do — templates are community-maintained. Head to the Community page to see how to propose and submit a new starter.
Spin up a project from any template and have it running on your device in minutes.