About DevExtreme Mobile

Create mobile apps with HTML5 and JavaScript for different screens and platforms.

DevExtreme Mobile is a HTML5 JavaScript framework for smartphones and tablets. It contains everything you'll need to create native client applications (with a single codebase) targeting smartphones and tablet devices. With a touch-optimized user experience, natively rendered widgets, straightforward page navigation, view management and data access layers, DevExtreme Mobile is a single page application (SPA) framework for your next iOS, Android and Windows Phone application. It can also be used for online publication or packaged as a store-ready native app using Adobe Cordova (PhoneGap).

Leverage your existing skills. Reuse your code.
Use your knowledge of HTML5, CSS3 and JavaScript to create applications for any mobile device using a single codebase that can be reused across all supported platforms. DevExtreme Mobile libraries fully leverage jQuery and optionally support Knockout.js for MVVM user interface development. With DevExtreme Mobile, you can build multi-device applications without knowing or being forced to learn a single native platform SDK.

Native UI and experience, on all supported devices
Deliver applications with a native look and feel for iOS, Android and Windows Phone, without extra effort, code or UI customization. DevExtreme Mobile detects the platform at run-time and automatically applies the appropriate "native" styling to all widgets and navigation elements used within your application.

A real app, not just a webpage
Although DevExtreme Mobile applications can just be deployed to a web server, they are also ready to be compiled by Adobe Cordova (PhoneGap) into a native package that can then be submitted to app stores. If you follow this route, PhoneGap also gives you libraries to access your device’s built-in functionality such as camera, accelerometer, or contact list.

Touch-optimized widgets
DevExtreme Mobile includes a comprehensive library of widgets - ready-to-use UI elements rendered to a page. Typically, a widget is bound to data and provides user interactions. It is represented by an HTML element (container), JavaScript code behind and CSS stylesheets.

Infinite lists with 'pull-down' feature
Because information lists are a common visual theme across mobile applications, DevExtreme Mobile provides a powerful list widget to meet a wide-range of use-case scenarios. The DevExtreme Mobile list widget ships with an impressive feature-set, including: kinetic scrolling, infinite paging, support for the pull-down gesture to refresh the list, and custom item templates.

Device-optimized kinetic scroller
Automatically select most effective scrolling strategy, producing high performance scrolling for any target device.

Horizontally scrolled gallery
The Gallery widget displays a set of items as cards. Items can include individual images, allowing you to create a full-featured photo gallery in an instant, or as complex as templates with text blocks and interactive elements. Swipe gestures can be used to navigate through items and a tap to select it.

Input form widgets
Whether you are developing a line-of-business (LOB) application or just a settings view, you are likely to create input forms. DevExtreme Mobile contains a comprehensive collection of form widgets to help you create these forms with ease. Visually and functionally familiar text, number, and date inputs widgets, a touch-optimized switch, grouping widgets, and many others are available for all supported platforms. And since DevExtreme Mobile uses the Model View ViewModel (MVVM) pattern, it is extremely easy to populate the form with data and to read it back for processing.

Other widgets
The DevExtreme Mobile framework also contains many other useful widgets, such as ActionSheets, Toolbars, NavBars, Buttons and others. In addition, DevExtreme Mobile provides a complete CSS framework, so you can apply different styles and behaviors by simply adding a CSS class to any given HTML element. A look-and-feel customization feature is coming soon; keep in touch.

Mobile Application Framework
Using your current knowledge of HTML5, CSS3, JavaScript, and a few moments learning the basics of the DevExtreme Mobile framework and its API, you can build a multi-device application quickly, with minimal effort. Your app will look and behave as a native app with all the performance you and your users have come to expect from native solutions. And because DevExtreme Mobile is fully extensible, you can extend the framework as your requirements dictate.

SPA View Management
DevExtreme Mobile is a Single Page Application (SPA) framework. It supplies all the necessary tools and features an SPA requires: view management and rendering, url routing, device-specific layout engine, view caching and state management.

URL Routing
The framework uses familiar routing rules to define the relationship between the URL the user navigates to and the corresponding view that should load. As a developer, you specify the routing rules and define the application views your app requires and the framework's run-time takes care of actual navigation.

Navigation

  • Map
  • MultiView
  • Navbar
  • Tab
  • Panorama
  • Pivot
  • Slideout
  • Tab
  • Tab Panel
  • Toolbar

Actions and Lists

  • Action Sheet
  • Button
  • File Uploader
  • Gallery
  • List
  • Lookup
  • Tile View

Editors

  • Autocomplete
  • Calendar
  • Check Box
  • Date Box
  • Number Box
  • Select Box
  • Switch
  • Tag Box
  • Text Area
  • Text Box
  • Validator

Forms and Multi-Purpose

  • Box
  • Field Set
  • Form
  • Radio Group
  • Range Slider
  • Responsive Box
  • Scheduler
  • Scroll View
  • Slider

Dialogs and Notification Panels

  • Load Panel
  • Popover
  • Popup
  • Progress Bar
  • Toast
  • Tooltip