Mobiscroll for React Mobile UI Controls for the Productive React Developer

Build amazing web and mobile apps
the React way

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 user experiences

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

Use it like any other React component

No need for extra gymnastics to use it in your JSX code

<mobiscroll.Calendar 
    theme="ios" 
    display="bottom"
    placeholder="Please Select..."
/>

You can use different display modes and themes.

<mobiscroll.Date 
    theme="ios" 
    display="bottom"
    placeholder="Please Select..."
/>

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

Use it the way it's best

Mobiscroll enables you to build great apps, not force workarounds on you. Load it with bundlers like Webpack or use it with tools like Meteor.
If you want to use regular CSS and JS includes, go for it. That works as well.

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

Mobile
Single select
Desktop
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
Cards
Reorder

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
Keypad
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
Popup

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 React apps. 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

License for the full suite of tools

Looking for other products and licensing options?
Carefully crafted UI elements
For multiple projects and developers
React controls
Install package from NPM
Royalty-free commercial usage
Fine-tune downloadable packages
Built-in support for extensive icon library
Customize themes for a perfect fit
1 year of free updates and support
30 day money back guarantee

Add the source code?

$595 $770
30 Day
Money Back
Guarantee
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 React. Try and download demos →
Browse the extensive API documentation and see how to integrate, customize and tap into the Mobiscroll API for React. 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.27.1
Released last week