Welcome to Curves Mobile App Kit
A kit for building beautiful mobile apps with distinctive curves at the top and bottom of every screen. It runs as a mobile website, an installable web app and a store app.
Open the kit
Components, pages and demo apps on your phone.
Read the docs
Start with Structure, then Components, then Pages.
Preview on desktop
Screens side by side at phone size.
Your brand colours
Make a theme in your colour, contrast checked.
In three steps
- Copy the
distfolder into your project, or use the kit as it is. - Start from
starters/shell.htmlor any ready page. - Set your name and colours in
mk.config.jsonand runnpm run build.
What's in the box
| Folder | What it holds |
|---|---|
dist/ | Ready CSS, JavaScript, fonts and icons |
starters/ | A blank screen with both curves |
components/ | A demo page per component |
pages/ | 22 ready page templates |
apps/ | The Wallet and Trips demo apps |
tools/ | The theme builder |
pwa/, sw.js, manifest.webmanifest | Installable-app files |
native/ | Capacitor starter for Google Play and the App Store |
src/ | Source: Sass, JavaScript and page fragments |
docs/ | This documentation |
Need help?
Start with the FAQ, then contact support through the product page.