Sencha Inc. | HTML5 Apps

Sencha Touch Build Mobile Web Apps with HTML5

Download Buy Support »

Sencha Touch

HTML5 Mobile Framework

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.

Smooth Scrolling and Animation

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. Play the video above to walkthrough Sencha Touch Kitchen Sink.

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


UI Components

Navigation View

The 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 Components

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

DataView

The DataView enables you to build beautiful interfaces based on a Model and a Store. It’s easy to create a templates and 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

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.

Infinite Carousel

Carousels are a great way of showing multiple screens of information in a constrained space. In Sencha Touch, data-bound Carousels support infinite number of items with consistently smooth scrolling.

Learn More about Carousel


Supported Platforms & Themes

Apple

  • iOS 6 & Below (Classic)
  • iOS 8 & 7 (Cupertino)
  • Cupertino Cupertino Classic

Android

  • Gingerbread (2.3–2.3.7)
  • Honeycomb (3.0–3.2.6)
  • Ice Cream Sandwich (4.0–4.0.4)
  • Jelly Bean (4.1–4.3.1)
  • KitKat (4.4–4.4.4)
  • Mountain View

Windows

  • Microsoft Surface Pro and RT
  • Win Phone 8.1 (with IE11)
  • Windows 8

BlackBerry

  • BlackBerry 10
  • Blackberry 10

Tizen

  • Tizen - Dark
  • Tizen - Light
  • Tizen Dark Tizen Light