Works across the web, iOS, Android and Windows Phone 10
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
31 carefully crafted UI elements
Familiar setting for mobile and desktop with single and multi select for days & weeks
Let your users pick colors in a touch friendly way
Get started with the user friendly, scroller-style date & time pickers
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
31 carefully crafted UI elements for a variety of mobile and desktop use-cases with support for Angular JS (1.x), Angular and Ionic Framework.
Make date selection great,
no matter the device or screen
Let users pick the colors they are
looking for with single & multiple select
Don't let users struggle
picking dates and times
Display events in a compact calendar view
Shipping with 13 unique elements
Enhance data selection with images and icons
Build deep interactivity into grids
and data lists for improved productivity
Capture and convert
temperature, force, speed, distance and mass
Provide a superior user
experience to hamburger menus
Help users get pick the value in the desired format
Provide a focused input method for
typing in numbers, currency and even dates
Help users easily pick a pair of
dates or define date & time ranges
Help users rate or grade
content with this scroller control
Create custom scroller-style controls
Improve the user experience
of the native dropdown controls
Provide built-in countdown
or stopwatch functionality
Help users specify a period
of time from seconds to years
Render hierarchical scroller
controls within the same view
Provide a familiar frame for any
content with multiple display modes
We'll support you through the whole process of getting up & running
"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
No problem if you have an existing project, you can easily plug Mobiscroll into your web or mobile app. Think of it as powerups.
With well thought out components and a lot of edge cases handled make your app feel and be top notch.
We offer two separate products. One for Angular 1 and another for Angular 2 and above, including Angular 4.