Custom download package builder for Mobiscroll UI Library

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

{{cAsset.name}}
add

remove

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

Download Version Include Languages

2941k+ downloads and counting. Get yours!

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.

EXPLORE LICENSING OPTIONS

Already have a license? Sign in here.

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