Overview

Create feature-rich HTML5 applications using JavaScript

Sencha Ext JS is the most comprehensive MVC/MVVM JavaScript framework for building feature-rich cross-platform web applications targeting desktops, tablets, and smartphones. Ext JS leverages HTML5 features on modern browsers while maintaining compatibility and functionality for legacy browsers.

Ext JS features hundreds of high-performance UI widgets that are meticulously designed to fit the needs of the simplest as well as the most complex web applications. Ext JS templates and layout manager give you full control over your display irrespective of devices and screen sizes. An advanced charting package allows you to visualize large quantities of data. The framework includes a robust data package that can consume data from any backend data source. Ext JS also offers several out-of-the-box themes, and complete theming support that lets you build applications that reflect your brand. It also includes an accessibility package (ARIA) to help with Section 508 compliance.

High-Performance Customizable UI Widgets

ExtJS High Performance Customizable UI Widgets

Sencha Ext JS provides the industry’s most comprehensive collection of high-performance, customizable UI widgets. These widgets include HTML5 grids, trees, lists, forms, menus, toolbars, panels, windows, and much more. If you don’t find a widget you are looking for, hundreds of user extensions are available from the Sencha community.

Backend Agnostic Data Package

Javascript Application Framework with Built In Support For RPC RequestFactory And JSON

The robust data package included in Sencha Ext JS decouples the UI widgets from the data layer. The data package allows client-side collections of data using highly functional models that offer features such as sorting and filtering. The data package is protocol agnostic, and can consume data from any backend source. It comes with session management capabilities that allow several client-side operations, minimizing round-trips to the server.

Layout Manager and Responsive Configs

MVC/MVVM Javascript Framework Layout Manager And Templates

Sencha Ext JS includes a flexible layout manager to help organize the display of data and content across multiple browsers, devices, and screen sizes. It helps you to control the display of components, even for the most complex user interfaces. Ext JS also provides a responsive config system that allows application components to adapt to specific device orientation (landscape or portrait) or available browser window size.

Advanced Charting Package

Advanced Javascript Application Framework Charting Package

The Sencha Ext JS charting package allows you to visually represent data with a broad range of chart types — including line, bar, and pie charts. The charts use surfaces and sprites developed with a drawing package implemented using SVG, VML, and Canvas technologies. Browser variations are handled automatically so that the charts always display correctly. Ext JS charts also support touch gestures on mobile devices, thereby providing enhanced interactive features to the charts such as pan, zoom, and pinch.

Easily Customizable Themes

Complete Theming Support With ExtJS Theme Builder

Sencha Ext JS widgets are available in multiple out-of-the-box themes such as Classic, Neptune, and Crisp. The themes are customizable to reflect a specific brand identity. Sencha Cmd exposes hundreds of variables used by Ext JS themes, which can be altered to design custom themes. A visual theme builder is also available in Sencha Architect that lets you customize the themes via a WYSIWYG editor.

Accessibility Package (ARIA) for Section 508 compliance

Javascript Framework Accessibility

Sencha Ext JS ARIA Package makes it possible to add accessibility support to your applications by providing tools that developers need to achieve Section 508 Compliance. Using the ARIA package, developers can create apps that are usable for people who need assistive technologies such as screen readers to navigate the web.

App Templates

App Templates

A variety of application templates come pre-installed to kickstart your app, instead of starting from a blank canvas. Templates are editable and completely customizable, and you can even create your own templates and reuse them for future projects.

Sencha Pivot Grid

Sencha ExtJS HTML5 Pivot Grid

Sencha Pivot Grid enables developers to quickly and easily add powerful analytics functionality to Ext JS applications — allowing users to summarize and analyze data to make more informed decisions. It adds basic Business Intelligence (BI) capabilities to your Ext JS applications, and allows aggregation of multidimensional data. To learn more, watch this video.


Sencha Cmd

Optimize Sencha Ext JS and Sencha Touch apps using Sencha Cmd.

Sencha Cmd is the cornerstone for building your Sencha Ext JS and Sencha Touch applications. Sencha Cmd provides a full set of lifecycle management features such as scaffolding, code minification, production build generation, and more, to complement your Sencha projects.

With an ever-expanding list of command line options, from code generation to native packaging, Sencha Cmd automates many tasks related to the Sencha Ext JS and Sencha Touch app development lifecycles. The tool also provides a rich set of command line syntax and Ant integration. It can be seamlessly integrated with your enterprise build environments or used as a standalone tool to boost developer productivity and enhance application performance. Installers are available for the Windows, Mac OS X, and Linux operating systems.

Workspace and Package Management System

Package Control

Sencha Cmd provides a workspace and package management system that assists in sharing framework code, packages, and custom code across multiple applications. You can easily integrate packages from the Sencha Package Repository or any other packages created by the Sencha community.

Scaffolding, Code Generation, and Troubleshooting

Scaffolding

The code generation feature can scaffold entire applications and extend those applications with new MVC or MVVM components. Code generation hooks can be put in place that are either specific to a page or shared across multiple pages in a workspace. Sencha Cmd also provides a lightweight web server to serve files from localhost, in case you do not have a local web server installed. A robust logging feature also helps facilitate troubleshooting.

JS Compiler, Application Tuning, and Image Spriting

Application Tuning

Sencha Cmd includes a framework-aware JavaScript compiler that understands the semantics of Sencha frameworks. The compiler optimizes many of the high-level semantics and produces minimal footprint builds from your source, thereby reducing the load time of applications. An image spriting feature allows you to convert CSS3 features (such as border-radius and linear-gradients) into sprites for legacy browser compatibility.

Native Packaging

Native Packaging

Sencha Cmd provides native packaging options via PhoneGap / Cordova integration. It can be used to package apps for distribution via app stores. PhoneGap builds can be initiated from within Sencha Cmd, which can package apps for multiple platforms with a single command.


Sencha JetBrains Plugin

Sencha JetBrains plugin integrates Sencha frameworks into your enterprise workflow. The plugin supports Sencha Ext JS versions 4+ and Sencha Touch versions 2+, and is available for all commercial JetBrains IDEs (IntelliJ 14.1, WebStorm 10, etc.). It enables code completion, code inspection, refactoring, template generation, code navigation, and code generation among other features. Sencha JetBrains plugin works with the Sencha frameworks classes and even your own custom classes and overrides.


Sencha Inspector

Sencha Inspector is a debugging tool that provides direct access to components, classes, objects, and more for apps built using Sencha frameworks. It lets you analyze your application code for issues, such as overnesting of components, and helps improve your application performance. It even lets you theme your applications by inspecting and modifying the SASS in near real-time.

Sencha Inspector is available in the Early Access Program. Please follow the link and provide us your valuable feedback to make it even better.


Ext JS Stencils

Sencha Ext JS Stencils is a complete UI asset kit for Adobe Illustrator that contains all of the components and styles used within the Ext JS classic toolkit. Designers can use visual assets that exactly match all of the UI components in Ext JS – down to the very last pixel. They can work with the Triton, Crisp, and Neptune themes as vector files and symbols rather than writing code. With Ext JS Stencils, teams can streamline the process of moving from design to development and deliver great looking web applications faster.

Ext JS Stencils is available for download at no additional charge.

Try It for Free
Buy Now
Pricing & Packaging
Contact Sales

Getting Started

Quick Start Guide – Ext JS
Download Cmd
Quick Start Guide – Cmd
Sign up for Training

Customer Quotes

Ext JS will give us big productivity gains. Having one code base with support for a wide variety of modern and legacy browsers reduces our testing burden and frees up more time to implement the features our customers want most.

— Diana Jaffe, Product Manager, Guidewire

With the combination of an easy upgrade path and new features including MVVM architecture, touch events and charting enhancements, Ext JS is the best way for us to build desktop and tablet apps with a single codebase.

— Richard Milone, Managing Partner, CNX Corporation

Ext JS supports the MVVM design pattern, which allows developers to create apps that are scalable and easier to maintain. And, the integration with Sencha Cmd provides an automated way of documenting class dependencies, requiring less work for developers.

— Jay Garcia, Co-founder and CTO of Modus Create

The Ext JS tablet support increases our productivity because we can deliver tablet versions of custom desktop apps to our customers simultaneously and with very little incremental effort.

— Steve Drucker, Founder and President, Fig Leaf Software

Resources