Install Mobiscroll in your web or mobile app

Installing Mobiscroll only takes a couple of minutes. Once the right resources are included, you’ll be able to initialize and use Mobiscroll controls.

Start a trial

First, start a free trial by entering your email address on the Mobiscroll homepage and create your account.

This is how the free trial works:

  1. You can try Mobiscroll for free.
  2. The trial needs an active connection to Mobiscroll servers for validation. Don't worry, the licensed product will work offline with downloadable resource files.
    Read about the differences between trial and licensed products.
  3. You can upgrade to the licensed product at any time during or after your trial.

Enter your first name, set a password and you're ready to go!

Pick the Framework you are using and hit the big blue button to download the trial. Select

Here is how to install the trial in your local project

Step 1: Install the Mobiscroll CLI and configure the app

Install Mobiscroll CLI from NPM (you'll only have to do it once).

$ npm install -g @mobiscroll/cli

Run mobiscroll config react in your terminal window.

$ mobiscroll config react 
If you're working from behind a proxy, additional configuration might be needed. Please check the proxy configuration options in the documentation.
The package will be installed from a private npm registry, which requires authentication. If your project uses a CI/CD workflow, read this guide on how to make it work.

Step 2: Import Mobiscroll CSS and JS resources and let's see if Mobiscroll was installed correctly

To test it let's import the Mobiscroll resources and add a simple Mobiscroll Date picker to your component's render function.

import React from 'react';
// import the datepicker
import { Datepicker } from '@mobiscroll/react';

function App() {
    const [myValue, setMyValue] = React.useState(null);
    const myChange = (ev) => {
    return <Datepicker value={myValue} onChange={myChange} />