loading

Loading...

Interested in installing Mobiscroll from NPM or integrating it into a CI/CD pipeline? Get all set up and use the Mobiscroll CLI
1. Choose Components add all remove all
2. Choose Themes
  • Mobiscroll
  • {{tAsset.name}}
  • {{ctAsset.baseThemeName}}{{ctAsset.name}}
    UNDO
    Edit Delete
  • Add New Theme
3. Choose Icon Set
Embed in css
Font file
  • {{iAsset.name}} {{iAsset.iconCount}} icons
    UNDO Edit Delete
  • Add New Icon Set
{{submitText}}
3003220 awesome developers. You want to be the +1?
This is where you build your packages
Looks like you are not signed in
Customize your download package, optimize file sizes and only include what you need. NPM and CLI installation is available.

Install Mobiscroll in your app
Learn how to use the uncompressed resources
Close window

You just downloaded the uncompressed development resources for Mobiscroll. They come packaged as ES6 Modules.

For instructions on how to use and install the ES6 modules please see the documentation.

After the download finished, unpack it to a folder and run the following command to build an NPM package that is ready to be used in a project:

$ npm start

The generated package will be in the dist folder named mobiscroll-angular-{{version}}.tgz and can be installed using npm like this:

$ npm install .\mobiscroll-angular-{{version}}.tgz


You can copy the source to your project and import the components from it directly.

Install Mobiscroll in your app
Follow steps to install the minified resources
Close window

Step 1.

Copy Mobiscroll into your app.
Extract the zip file you just downloaded, then grab the js, src, esm5 and css folders and copy it into src/lib/mobiscroll folder of your React app. If there is no such folder available, you can create it.

Step 2.

Run the config command in the root folder of the React project. Make sure to have the Mobiscroll CLI installed.
This will take care of setting everything up from the package you just downloaded. Please note that it will not install the library from NPM, for updating Mobiscroll you'll have to repeat the process.

Copy command
$ mobiscroll config react --no-npm

For manual installation follow the getting started guide.

Step 1.

Copy Mobiscroll into your app.
Extract the zip file you just downloaded, then grab the js, src, esm5 and css folders and copy it into src/lib/mobiscroll folder of your Vue app. If there is no such folder available, you can create it.

Step 2.

Run the config command in the root folder of the Vue project. Make sure to have the Mobiscroll CLI installed.
This will take care of setting everything up from the package you just downloaded. Please note that it will not install the library from NPM, for updating Mobiscroll you'll have to repeat the process.

Copy command
$ mobiscroll config vue --no-npm

For manual installation follow the getting started guide.

Step 1.

Copy Mobiscroll into your app.
Extract the zip file you just downloaded, then grab the lib folder and copy it into src folder of your Angular app.

Step 2.

Run the config command in the root folder of the Angular project. Make sure to have the Mobiscroll CLI installed.
This will take care of setting everything up from the package you just downloaded. Please note that it will not install the library from NPM, for updating Mobiscroll you'll have to repeat the process.

Copy command
$ mobiscroll config angular --no-npm

For manual installation follow the getting started guide

Step 1.

Copy Mobiscroll into your app.
Extract the zip file you just downloaded, then grab the lib folder and copy it into src folder of your Ionic app.

Step 2.

Run the config command in the root folder of the Ionic project. Make sure to have the Mobiscroll CLI installed.
This will take care of setting everything up from the package you just downloaded. Please note that it will not install the library from NPM, for updating Mobiscroll you'll have to repeat the process.

Copy command
$ mobiscroll config ionic --no-npm

For manual installation follow the getting started guide.

Hang on...
Hang on...
loading
Now that your download is ready, get your thinking glasses on and start making awesome things!
You'll find all the necessary Mobiscroll files with examples in your download.
If you get stuck, we've got your back.