Overview

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 universal mobile web apps. View Examples

What is Sencha Touch?

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 powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

Find out why more and more companies are investing in their future by developing with HTML5. View Apps and Customers

2-html5-badge21-300x53

What’s New?

Sencha Touch 2.2 is the latest version of our industry-leading mobile app framework. Touch 2.2 adds support for BlackBerry 10, Internet Explorer 10, and adds the lightning fast new list and the all-new AnimationQueue features to let developers achieve unparalleled performance.

The high-performance Charts package is included as a part of Touch (available as GPLv3 or as a part of Sencha Complete or Sencha Touch Bundle). Sencha Touch 2.2 also provides enhanced native support through the Sencha Mobile Packager, which is integrated into the free Sencha Cmd. Read more about all the new features of Touch 2.2.

Sencha Cmd is the cornerstone to build your Sencha application. From scaffolding a new project, to minifying and deploying your application to production, Sencha Cmd provides a full set of lifecycle management features to compliment your Sencha project.

Documentation for Sencha Cmd

Download Sencha Cmd

Built for Speed

Users don’t care if the app is native or web as long as it’s fast and responsive. Sencha Touch blurs the lines between native and web apps, delivering a high-performing experience that users expect when using mobile applications. Using HTML5 and CSS3, Sencha Touch takes advantage of hardware acceleration to deliver an incredible app experience no matter what browser or mobile device a user is using. Built specifically to use techniques that make the most sense on each platform, Sencha Touch lets web applications rival native.

3-ST2-NPR-Music-mock11-300x200

4-ST2-Watch-List-mock11-300x199

Built for Great Experiences

We made developing Sencha Touch apps easier than ever. Let your imagination run wild. Let your imagination run wild. Dream up the perfect app you want to build, how you want it to look, or how you want it to work with social networks. Sencha Touch has a solution for you. It’s built to let you develop great user experiences. With a full set of rich UI controls, over 300 built-in icons, full support for theming, MVC support, data bindings and a data package, eight complete examples and more, Sencha Touch developers get up and running quickly and easily. Sencha Touch also provides a rich set of documentation, screencasts and other learning resources to let new and experienced developers get productive fast.

Built for Success

Sencha Touch shrinks the distance between web app and native. Sencha Cmd includes our native packager, which lets you package and build your application as an Android .apk or an iOS .ipa. The best part? The Sencha Mobile packager works on both Mac and Windows, meaning PC developers can now create iOS applications without needing a Mac. It’s a major step forward for developers since you aren’t limited what app stores you can build for based on your development environment. We’ve also enabled a set of native device APIs that work on both iOS and Android. They include Camera, Orientation, Network Connectivity, native confirmation dialogs, and more.

5-ST2-Radio-mock11-300x199Sencha: The Authority in HTML5 Performance

Our high-performance mobile HTML5 framework is the cornerstone of the Sencha HTML5 Platform, an end to end platform for designing, developing and deploying HTML5 applications. To make sure of this, we’ve spent countless hours testing performance on a variety of Apple, Android, and BlackBerry and Windows Phone devices.

Our HTML5 Developer Scorecard consists of a series of tests aimed to help mobile web developers understand new devices and new form factors as they come to market. We test in a number of areas, namely JavaScript performance, HTML5/CSS3 features, rendering performance and rendering accuracy. Check out these five recent articles from our HTML5 Developer Scorecard series:

See all devices rated by our HTML5 Developer Scorecard

Features

Feature-rich, Mobile HTML5 Platform

The most comprehensive mobile app features out of the box

Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards. Keep them web-based or wrap them for distribution on mobile app stores.

sencha-touch-2-devices-40011-300x198

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 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

html5-badge21-300x53

Smoother Scrolling and Animations

Sencha Touch 2 provides a user experience unparalleled in HTML5. Fluid animations and smooth scrolling make Sencha Touch 2 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 2’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 — like camera access and app store distribution — that are essential to app developers. Sencha SDK Tools give you the best of both worlds, providing a way to seamlessly “wrap” your web app in a native shell. Whether you’re on Mac or Windows, you’re one command away from deploying to the Apple App Store or Android Market.

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

New Components

icon-navigationview11Navigation 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 ViewView short demo video on Vimeo

icon-componentdataview1Component 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

icon-list1Advanced List Plugins

Lists are one of the most popular components in Sencha Touch, and with 2.0 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

extjs4-z-index1Config System

Sencha Touch 2 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.

Architectural Improvements

extjs4-class-organized2Class System

Sencha Touch 2 builds on the class system from Ext JS 4. 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 2 | Watch Class System Screencast

icon1History, 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

icon-carousel1Infinite Carousel

Carousels are a great way of showing multiple screens of information in a constrained space. In Sencha Touch 2 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 Code Sample:

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