Sencha Inc. | HTML5 Apps

Sencha Touch Build Mobile Web Apps with HTML5

Download Buy Support »

Sencha Touch

HTML5 Mobile app development

With over 50 built-in components, themes for every popular mobile platform, and a built-in MVC system, Sencha Touch provides everything you need to create powerful, universal mobile web apps.

Built on HTML5 Technology

Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage

Smoother Scrolling and Animations

Sencha Touch provides a user experience unparalleled in HTML5. Fluid animations and smooth scrolling make Sencha Touch apps come alive, rivaling native technology. Lists, carousels, and other components scroll smoothly and naturally, with a high frame rate across a wide range of devices. The framework automatically uses the best scrolling mechanism for each device, resulting in a great experience everywhere.

Adaptive Layouts

Sencha Touch’s novel layout engine leverages HTML5 in powerful ways to let developers build complex applications that respond, load, and layout in a snap. Switching from landscape to portrait happens nearly instantaneously, and applications load in fractions of a second as Sencha Touch ’s advanced layout engine ensures pixel perfection.

Native Packaging

Web applications work everywhere. But there are still a few features uniquely available to native apps that are essential to app developers. Sencha Touch now supports Apache Cordova APIs for Accelerometer, Camera, Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen, and Storage. Sencha Touch also supports the Adobe PhoneGap Build from within Sencha Command which can package your application for multiple devices with a single command. Sencha SDK Tools give you the best of both worlds, providing a way to seamlessly “wrap” your web app in a native shell and utilize all the device features. Whether you’re on Mac or Windows, you’re one command away from deploying to the Apple App Store or Android Market.

Tap above to try our Sencha Touch Kitchen Sink. Or view in tablet layout in a new window.
Click play above to view a brief walkthrough of our Sencha Touch Kitchen Sink demo application.

Visit http://sencha.com/touchsink to try the Kitchen Sink on your WebKit device.


New Components

Navigation View

The new Navigation View component makes it easy to make applications that feature beautiful animated transitions between screens as well as providing automatic back button management.

Learn More about Navigation View
View short demo video on Vimeo

Architectural Improvements

Class System

Sencha Touch builds on the class system from Ext JS. Developers can take advantage of powerful features like dynamic loading and mixins, all making it easy to create minified custom builds for your application.

How to Use Classes in Sencha Touch
Watch Class System Screencast

Component DataView

The new Component DataView enables you to build beautiful interfaces based on a Model and a Store. It’s easy to create a template that has full featured components instead of simple HTML templates so you can bind, listen, and control components inside of a DataView.

Learn More about DataView

History, Back Button and Deep Linking

While Sencha Touch 1 provided basic history support, with 2.0 it’s easier than ever to make your applications history-aware, meaning the back button works and you can provide a deep link to any part of your application.

Guide to History Support and Routing

Advanced List Plugins

Lists are one of the most popular components in Sencha Touch, and we’ve updated two of the most powerful plugins: Pull to Refresh and Load More. These plugins, activated with a single line of code, deliver a fantastic List experience out of the box.

Learn More about Lists

Infinite Carousel

Carousels are a great way of showing multiple screens of information in a constrained space. In Sencha Touch they get even more powerful, with a data-bound Carousel supporting an infinite number of items. No need to worry about performance, or memory — Sencha Touch manages it for you, so scrolling is consistently smooth.

Learn More about Carousel

Config System

Sencha Touch has a great API thanks largely to its config system. Almost any configuration of any component can be changed at run time, with a consistent and predictable API.

Config System Code Sample:

var button = Ext.create('Ext.Button', {
                    text: 'My button'
                    });
                     
                    button.setText('Change me whenever you like');

Themes

Sencha Touch 2.3 offers a wide selection of out-of-the-box themes for iOS, Android, BlackBerry, and Windows. You can target any platform for you app and apply platform specific themes using the theme switching feature of Sencha Touch.

Sencha Theme

Sencha

Cupertino Theme

Cupertino
(for iOS 7)

Cupertino Classic Theme

Cupertino Classic
(for iOS 6 and below)

Mountain View Theme

Mountain View
(for Android)

BlackBerry 10 Theme

BlackBerry 10

Windows 8 Theme

Windows 8

Tizen (Dark)

Tizen
(dark)

Tizen (Light)

Tizen
(light)


Sencha Touch Device Support

Apple

  • apple-ipad Apple iPad iOS 4+
  • apple-iphone-4 Apple iPhone 4S, 4 & 3GS iOS 4+
  • apple-ipod-touch Apple iPod touch iOS 4+

BlackBerry

  • blackberry-q10 BlackBerry Q10 BB OS 10
  • blackberry-z10 BlackBerry Z10 BB OS 10
  • blackberry-playbook BlackBerry PlayBook BB Tablet OS 1

Windows

  • nokia-lumia-920 Nokia Lumia 920 Windows Phone 8
  • nokia-lumia-900 Nokia Lumia 900 Windows Phone 8

Android 2.3+ including these devices...

  • amazon-kindle-fire Amazon Kindle Fire Kindle OS 6.2.2
  • asus-transformer-prime Asus Transformer Prime Android 4 w/ Chrome
  • motorola-xoom-2 Motorola Xoom 1, 2 Android 4.0.3+
  • droid-bionic Motorola Droid Bionic Android 2.3+
  • motorola-droid-x Motorola Droid X Android 2.3+
  • motorola-droid-2-through-5 Motorola Droid 2, 3, 4, & 5 Android 2.2+
  • motorola-atrix Motorola Atrix Android 2.3+
  • samsung-galaxy-s2 Samsung Galaxy S1, & S2 Android 2.3+
  • galaxy-nexus Samsung Galaxy Nexus Android 4 w/ Chrome
  • htc-desire HTC Desire Android 2.2+
  • htc-desire-2 HTC Desire S Android 2.3+
  • htc-evo-4g HTC Evo 4G Android 2.3+

* A note about Android support: Due to the overwhelming diversity of physical Android devices on the market, we can only test so many. This support matrix is not intended to be exhaustive, but to give you an idea of the support for Android devices. Your mileage may vary.


Tons more features

  • AJAX - Sencha Touch provides full AJAX support, including CORS and JSON-P
  • DOM manipulation - Full DOM manipulation support available
  • Feature Detection - Automatically detects the presence of features like geolocation, canvas and orientation support
  • Geolocation - Provides a simple wrapper around geolocation on devices that support it
  • Icons - 300 icons included
  • Example apps - 8 full example apps included
  • Touch events - Provides a full range of touch events and gestures like tap, swipe and pinch
  • Full support for XMLHTTPRequest Level 2 (XHR2)