Mobiscroll for Angular

Build better products the "Angular Way"

Helping thousands of businesses and professionals from 150+ countries to deliver great apps

Build better products with Mobiscroll

We'll help you get started in no time! - Start you RISK-FREE 15 Day Trial

Kickstart development incredibly fast

Get started easily

With smart defaults you can almost always get to the desired result with out of the box functionality.

.module('demoApp', ['mobiscroll-calendar'])
.controller('demoController', ['$scope', function ($scope) {
    $scope.settings = {
        theme: 'material'

Go in depth

You can further customize the experience by fine tuning the available options or building your custom layer above it.

.module('demoApp', ['mobiscroll-calendar'])
.controller('demoController', ['$scope', function($scope) {
    var now = new Date();
    $ = [{
        d: new Date(now.getFullYear(), now.getMonth(), 8, 8, 0),
        text: 'Green box to post office',
        color: '#6e7f29'
    }, {
        d: new Date(now.getFullYear(), now.getMonth(), 8, 8, 45),
        text: 'Quick mtg. with Martin',
        color: '#de3d83'
    }, {
        d: new Date(now.getFullYear(), now.getMonth(), 8, 9, 30),
        text: 'Product team mtg.',
        color: '#f67944'
    }, {
        d: new Date(now.getFullYear(), now.getMonth(), 8, 11, 0),
        text: 'Stakeholder mtg.',
        color: '#f67944'
    }, {
        d: new Date(now.getFullYear(), now.getMonth(), 8, 12, 30),
        text: 'Lunch @ Butcher\'s',
        color: '#00aabb'
    }, {
        d: new Date(now.getFullYear(), now.getMonth(), 8, 15, 0),
        text: 'General orientation',
        color: '#f67944'
    }, {
        d: (now.getMonth() + 1) + '/14',
        text: 'Dexter Birthday',
        color: '#37bbe4'
    }, {
        d: (now.getMonth() + 1) + '/5',
        text: 'Luke Birthday',
        color: '#37bbe4'
    }, {
        d: 'w3',
        text: 'Employment (Semi-weekly)',
        color: '#635045'
    }, {
        d: 'w5',
        text: 'Employment (Semi-weekly)',
        color: '#635045'
    }, {
        start: new Date(now.getFullYear(), now.getMonth(), 26),
        end: new Date(now.getFullYear(), now.getMonth(), 31),
        text: 'Dean OFF',
        color: '#e7b300'
    }, {
        start: new Date(now.getFullYear(), (now.getMonth() + 1), 5),
        end: new Date(now.getFullYear(), (now.getMonth() + 1), 14),
        text: 'Mike OFF',
        color: '#e7b300'
    }, {
        d: '11/2',
        text: 'File Form 720 for the third quarter',
        color: '#a63e14'
    }, {
        d: '11/2',
        text: 'File Form 730 and pay tax on wagers accepted during September',
        color: '#a63e14'
    }, {
        d: '11/2',
        text: 'File Form 2290 and pay the tax for vehicles first used during September',
        color: '#a63e14'
    }, {
        d: '11/2',
        text: 'File Form 941 for the third quarter',
        color: '#a63e14'
    }, {
        d: '11/2',
        text: 'Deposit FUTA owed through Sep if more than $500',
        color: '#a63e14'
    }, {
        d: '11/30',
        text: 'Deposit payroll tax for payments on Nov 21-24 if the semiweekly deposit rule applies',
        color: '#a63e14'
    }, {
        d: '11/30',
        text: 'File Form 730 and pay tax on wagers accepted during October',
        color: '#a63e14'
    }, {
        d: '11/30',
        text: 'File Form 2290 and pay the tax for vehicles first used during October',
        color: '#a63e14'
    $scope.settings = {
        theme: 'mobiscroll',
        display: 'bottom',
        layout: 'liquid',
        firstDay: 1,
        navigation: 'yearMonth',
        swipeDirection: 'horizontal',
        weekCounter: 'year',
        showDivergentDays: true,
        markedText: true

Build with technologies you know and love

Back to basics

We're built with HTML, CSS and Javascript.
It's that simple

Build the angular way

Integrates perfectly with Angular JS.
You just do what you've been doing before, it's just faster.

Make it your own

It's accessible and easy to hack.
With all Framework Developer licenses the source code is included.

Kendo UI

Use it with other tools

Mobiscroll works great on it's own but plays well with others.
If you're building with just Angular or using frameworks like Ionic or Kendo UI, you can complement them nicely.

Rubbing shoulders with the best and brightest

Delight with excellent UX

Delight your users with the best app that you can build and help them make progress in their lives. We'll handle all edge cases so you don't have to.

Smooth animations & organic feel

With smooth animations give your apps an organic feel. It's like a ball rolling on the floor and slowly stopping. You know it feels natural.

Design for context

It is important to be relevant to the medium your user is in.
While Mobiscroll is designed with touch in mind, you can create beautiful hybrid solutions that perform well on mobile and desktop.

Untangle development

With just as much as one line of code you can make your app adapt to all platforms. Automatically show UI tailored to the particular platform.

// ...
    theme: 'auto'
// ...
Windows Phone

Some of the smartest companies rely on mobiscroll for their UI

With well thought out components and a lot of edge cases handled make your app feel and be top notch.

Add a new coat of paint

Be consistent with your brand and stay true to the platform

Make every bit of your app or website fit the whole picture, don’t disrupt your users, use your own colors and make it your own.

Customize the look and feel

With the theme builder create & refine your own custom themes. Prototype fast & efficiently without the need to write any code.

All this bundled with amazing support

Talk with our incredible support staff, who is actually the same team who builds these controls.

Start Your Free Trial

We'll support you through the whole process of getting up & running


All the controls and tools you need to build delightful products


Familiar setting for mobile and desktop with single and multi select for days & weeks


Let your users pick colors in a touch friendly way

Date & Time

Get started with the user friendly, scroller-style date & time pickers

Event Calendar

Lightweight calendar with variable and multiday events


Create beautiful forms with improved UX compared to native controls


Use this scroller-style selector for images, icons and text


Add gestures and deep interaction patterns to your mobile and desktop lists


Capture and convert force, mass, speed, temperature, distance with built-in templates or add custom units and conversions


Render horizontally scrollable menu and tab bars with paging and icon support


Pick and work with decimal and integers with this scroller-style control


Capture numeric values, currency, date, time and masked entries like PIN


Capture date & time ranges in a consistent matter using a calendar or scroller format


Let your users rate and grade items with a scoller a slider-style picker


Create custom scrollers with specific behavior, rendering data from custom sets or services


Elevate the user experience obove the native select with single, multi-value select and grouping functionality


Run with the countdown and built in stopwatch funtionality


Capture and work with streches of times in days, hours, minutes and seconds


Navigate the scroller hierarchical list with multi-level depth


Create, combine custom controls and content and render in inside the mobiscroll frame

Icon Builder

Build and save your custom icon sets with over 2500 icons to choose from

Cross-Platform UI

Deliver great cross-platform web and hybrid apps with adaptable themes


Support people with disabilities and right-to-left cultures with WAI-ARIA support, Section 508, and RTL rendering

Source Code

Integrate more tightly and add your own custom functionality to mobiscroll with downloadable source

Only in multi framework

Theme Builder

Customize the look and feel of the UI to match your brand and app


Support multi-lingual apps and serve UI with the correct culture settings

Responsive UI

Deliver great looking apps on multiple sized and shaped screens with adaptable and flexible controls

Download Builder

Fine tune your packages and choose to include only what you need. Save unnecessary weight from your resource files.

Our customers love us
We are using the Mobiscroll Calendar in one of our products. Although it didn't come with the functionality we were looking for out of the box, the support team went above and beyond to help me with my problem.
I was absolutely amazed by it and got so much more than I was expecting from support. I recommend it to anyone who is looking for mobile UI components with good documentation and examples and best of all stellar support.
Tom Maddocks, Web Developer, Blueleaf
We are using the Time Scroller and Calendar control. ... I've honestly had a hard time finding something the controls can't be configured to do.
I'm very impressed at Mobiscroll's support for different devices and browsers running on those devices. My team has tested the controls in multiple browsers on Android, iOS, and Windows desktops and devices. We've found almost no issues in any of these situations, and I find that quite remarkable. I also like that the controls are built on the latest HTML5 standards and JavaScript libraries, so I can trust that they will be future-compatible.
I also appreciate the Mobiscroll team's support of their product. I've found the examples on their blog and documentation to be straight-forward and useful. I've personally submitted two tickets on their Github site, and the team responded to both tickets within two days. I also appreciated their extensive demos both for testing of the controls on multiple devices and also for getting ideas of how to use the controls. They also offer a thoughtful range of licensing models. I truly believe that they are looking to serve their customers.
Matthew Pfluger, Founder,
We've been using Mobiscroll controls like the Calendar among other scrollers for a while now. During the development I bumped into a couple of issues, however I was able to solve them with the help of the support team.
I can characterize the support they offer with three simple words: nice, quick and effective.
It's good to know that somebody's got your back when you need it! I can recommend Mobiscroll to anyone who is looking for great mobile UI components which come with great support!
Cédric COURET, Director,
I came across Mobiscroll when searching for UI controls for a Phonegap + Kendo UI app for iOS, Android and Windows Phone 8. Their demos were reassuring, and I was ready to buy it.
My first impression was very positive, I could make it run immediately. There were some issues on the way and I got really worried they could not be solved, but with their extraordinarily professional support every problem got fixed.
I really prefer to pay when I get professional solutions.
Roberto De Simone, Owner, hippopunk
We're using the Listview in our Enterprise Workforce Management iPad app. Our customers where blown away by the gesture enabled work order list.
Most of the companies we serve are utilities and users may be wearing gloves or even operating the app from inside the bucket of a “cherry picker”. Field techs can complete complex actions without having to resort to using the keyboard.
Cliff Brown, Founder, TecTrac Inc.

Simple Pricing

Per developer licensing for unlimited projects

The license is perpetual and issued per developer with one year of maintenance included.
Looking for other products and licensing options?
Per developer license
All components included
Widget and Scroller
Royalty-free commercial usage
Angular controls
Download builder
Icon builder
Theme builder

Start Your Free Trial

We'll support you through the whole process of getting up & running

"We spend lots of time building web app forms to work with Mobiscroll, which is fantastic.

Your software makes ours perform great!"
Henson Yem, Senior Technology Consultant, Tang Computers