MOBISCROLL FOR ANGULARModern UI Controls for Responsive Web and Hybrid Apps

Fine tune the user experience and
meet your business goals and requirements

Free 10 day trial with full technical support • We'll help you get started in no time!

Mobiscroll is a collection of UI controls
for building great web and mobile apps

Works across the web, iOS, Android and Windows Phone 10

Build your apps the Angular way

Use the available directives for all Mobiscroll controls in your Angular and Ionic apps. Familiar syntax, no messy code and workarounds. You don't even have to load jQuery for the controls to work.

    placeholder="Please select..."

You can tie in different event handlers through the lifecycle of the controls.

Installation and setup

Use the Mobiscroll CLI and get the packages you need from NPM.

Step 1. Install Mobiscroll CLI.

$ npm install -g @mobiscroll/cli

Step 2. Configure Mobiscroll in your Angular app.

$ mobiscroll config angular

"Once we started using Mobiscroll, our conversions have improved and the experience became much more delightful!"

- Daniel Maldonado, Sr. Web Designer, Ecommission Financial Services

Read how our customers rate us

Meet the components

We are shipping UI components to cut serious development time.

Date & time pickers

Handle almost any date and time picking challenges thrown your way.

Shipping with calendar view, date, time and timespan scrollers the components are ready for mobile, touch devices, kiosks all the way to fully fledged desktop web apps.

Booking calendars

Building UI for booking resources, plane tickets, rentals or hotel rooms?

Get ready for mobile, touch devices and desktop web, supporting validation, disabled dates, min & max, custom functionality and more.

Try the components
Range picker
Date range
Time range
Try the components
Range picker

Event calendars

Use it to build a mobile friendly calendaring and scheduling experience. With the help of the calendar view, week view, scheduler, timeline and agenda you are covered for most use cases.

With built in resources, drag & drop, optimized mobile & desktop interaction, work week & hours combined with deep customization... there is much to explore.

Week view
Grid view
Agenda view

Pickers & dropdowns

Handle data selection on mobile and desktop like a pro.

Single, multiple value select for text, images in hierarchy or with autocomplete and with the dedicated color picker you are prepared for most scenarios.

Single select
Select with filtering

Form components

Create engaging and good looking forms.

The form components cover different types of inputs, buttons, switches, checkboxes, steppers and more.

Break up the monotony of boring UI and get all the tools you need to build polished forms for mobile & desktop.

Gesture enabled responsive lists

List any type of flat or hierarchical data with built-in gesture support for slide/cover actions, delete, reorder, organize and more.

Render either vertical, horizontal lists and use a custom container or use the built-in cards for a consistent look & feel.

Swipe actions

Numeric pickers

Handle number entry and selection like a pro.

Whether you’ll need to enter a number, phone number, monetary value or you’ll need to pick from a set of pre-defined values, set measurements with or without unit conversion, you got it all. The numeric keypad even supports date and time entry as well.

Variable value format
Numeric scroller

Page layout & navigation

Handle anything from simple to complex responsive layouts to house your content and forms.

Use the navigation component to handle tabs, bottom navigation and hamburger menus as pop-overs.

With the help of the popup component dynamically show focused interfaces when and how you need it.

Vertical alignment
Horizontal alignment

Try it for free

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

Join great companies who take their UI seriously

"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 the problem.

I was absolutely amazed by it and got so much more than I was expecting."

Tom Maddocks, Web Developer, Blueleaf

Easily add to existing projects or use it for brand new solutions

No problem if you have an existing project, you can easily plug Mobiscroll into your web or mobile app. Think of it as powerups.

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.

Simple Pricing

Select the framework you are using

Looking for other products and licensing options?
Carefully crafted UI elements
For multiple projects and developers
Angular 1.x and Ionic 1 components
Angular 4+ (including 17) and Ionic 2/3/4/5/6/7 supported
Visual Studio and VS Code integration
Royalty-free commercial usage
NPM and Mobiscroll CLI support
Customize themes for a perfect fit
1 year of free updates and support
30 day money back guarantee

Add the source code?

$595 $595 $770 $770
30 Day
Money Back
Try it RISK-FREE. If you're not extremely satisfied with our product, you'll get a full refund within the first 30 days! No questions asked!
Need a more custom solution or additional functionality? Get in touch, we can help! Explore custom development services →
More than 250 live demos with downloadable source available for usage with AngularJS. Try and download demos →
Browse the extensive API documentation and see how to integrate, customize and tap into the Mobiscroll API for AngularJS. Explore documentation & API reference →
Start Your Free Trial
We'll support you through the whole process of getting up & running.
"Once we started using Mobiscroll, our conversions have improved and the experience became much more delightful!"
Daniel Maldonado, Sr. Web Designer, Ecommission Financial Services
Latest version released: v5.28.0
Released two weeks ago