Hardcoded items
  • Casablanca (1942)
  • The Intouchables (2011)
  • Modern Times (1936)
  • The Pianist (2002)
  • The Departed (2006)
Generated markup
    Remote data
      light
      dark
      go back to demos
      Customize & try demos locally
      Sign in or start your free trial

      What framework are you using?

      Javascript
      jQuery
      AngularJS
      Angular
      Ionic
      React
      Other
      Select a framework
      Email address

      Install demo in your app
      Follow this quick, two minute install guide
      Close window

      Step 1.Install the Mobiscroll CLI from npm

      Copy command
      $ npm install -g @mobiscroll/cli

      The CLI makes configuring your apps super simple 👍

      Step 2.Run the following command in the root folder of your Ionic project

      Copy command
      $ mobiscroll config ionic
      $ mobiscroll config ionic --lite

      You will be prompted to log in with your mobiscroll account. Set your password here

      Create an Ionic 3 & Mobiscroll starter with the CLI:

      $ mobiscroll start ionic myStarter

      Run this command for Ionic 4 & Mobiscroll starter:

      $ mobiscroll start ionic-angular myStarter

      Step 3.Copy the code into your app.

      Copy TS
      Copy HTML
      Copy CSS
      Copy Module

      Step 4.Run ionic serve in the root folder of your app 🎉

      Copy command
      $ ionic serve

      And voilà, everything should be running smoothly.

      Customize & try demos locally
      How would you like to do it?
      Install demo in your app
      Follow this quick, two minute install guide
      Close window

      Step 1.Install the Mobiscroll CLI from npm

      Copy command
      $ npm install -g @mobiscroll/cli

      The CLI makes configuring your apps super simple 👍

      Step 2.Run the following command in the root folder of your Angular project

      Copy command
      $ mobiscroll config angular
      $ mobiscroll config angular --lite

      You will be prompted to log in with your mobiscroll account. Set your password here

      Step 3.Copy the code into your app. HTML goes into the markup, TS into Typescript.

      Copy TS
      Copy HTML
      Copy CSS
      Copy Module

      Step 4.Run ng serve in the root folder of your app 🎉

      Copy command
      $ ng serve

      And voilà, everything should be running smoothly.

      Change your password
      Need to update your password? Enter and hit the button below

      You are setting a password for the account

      New Password Required Enter at least 6 characters
      Change your password
      Need to update your password? Enter and hit the button below

      Your password has been changed!

      Thanks for downloading
      Customize demos locally

      Everything is set up so that you can dig in right away and start exploring.

      We have set up a trial so that you can try the demos locally.

      Extract the zip file and open the demo in your favorite browser. To install Mobiscroll in your project follow instructions from this page.


      Let us know if we can help and enjoy! 👍

      Thanks for downloading
      Customize demos locally

      Please extract the zip file and run the project like any Angular CLI app. Make sure to have the Angular CLI installed.

      For installation and usage, extract the zip file and open a terminal window and follow these steps.

      Step 1. Run in root folder
      $ npm install
      Step 2. Start the app
      $ ng serve --open

      Let us know if we can help and enjoy! 👍

      Thanks for downloading
      Customize demos locally

      Everything is set up so that you can dig in right away and start exploring.

      We have set up a trial so that you can try the demos locally.

      The easiest way to get started is to follow the installation steps and by grabbing the code directly from the demo page. Let us know if we can help and enjoy!

      You'll find a fully functional Kitchen-sink Ionic app in the zip file.

      Thanks for downloading
      Customize demos locally

      Everything is set up so that you can dig in right away and start exploring.

      We have set up a trial so that you can try the demos locally.

      The demos are using Babel's in-browser ES6 and JSX transformer. Extract the zip file and open the demo in your browser. To install Mobiscroll in your project follow instructions from this page.


      Let us know if we can help and enjoy! 👍

      Thanks for downloading
      Try and customize the app locally

      Extract the zip file and run the project like any Ionic app. Make sure to have Ionic CLI installed and open the terminal in the app root folder.

      Step 1. Run in root folder
      $ npm install
      Step 2. Start the app
      $ ionic serve

      Let us know if we can help and enjoy!