Sencha Ext JS

With Ext JS, create data-intensive HTML5 applications using JavaScript

Sencha Ext JS provides everything a developer needs to build data-intensive, cross-platform web applications. Ext JS leverages HTML5 features on modern browsers. See a comparison with other frameworks.

Pre-Integrated and Tested UI Components

Ext JS includes the industry’s most comprehensive collection of pre-integrated and tested high-performance UI components. These components include HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more. Hundreds of user extensions are also available from the Sencha community.

The Ext JS Grid enables organizations to handle millions of records and provides out-of-the-box functionality such as sorting, grouping, column locking, and summary rows.

Play with our Ext JS Grid example below and see its powerful capabilities.

Learn more about the Grid →
Take me to more Grid examples →

The Ext JS Calendar component helps you easily view/manage schedules and events within your Ext JS apps. By leveraging this component, you can easily add a fully-functional calendar to your apps without investing a lot of time and effort in building one. To learn more, watch this video.

Rich Data Analytics

Ext JS enables organizations to add powerful analytics capabilities to their web applications with Sencha Pivot Grid. It allows users to summarize, aggregate and analyze multidimensional data to make more informed decisions. To learn more, watch this video.

The Sencha Grid enables organizations to handle millions of records and provides out- of- the- box functionality such as sorting, grouping, column locking, and summary rows.

The Exporter plugin enables you to export your Ext JS Grid and Pivot Grid data in a variety of different formats. It supports the standard XLSX, XML, CSV, TSV, and HTML formats, and allows you to configure the visible (displayed) or invisible (hidden) portions of your data exports. The Exporter plugin also supports basic styling of the exported documents. To learn more, watch this video.

Sophisticated Data Visualization

The D3 Adapter enables you to add sophisticated Data-Driven Documents package (D3) visualizations such as heatmaps, treemaps, sunbursts, and more to your web applications. Now you can create dynamic visualizations that not only tell a specific story, but also help your users to explore their data and understand what stories it has to tell. To learn more, watch this video.

The Ext JS Charting package allows you to visually represent data with a broad range of dynamic and static charts — 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 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.

Back-end Agnostic Data Package

The robust data package included in Ext JS decouples the UI components 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 back-end source. It comes with session management capabilities that allow several client-side operations, minimizing round-trips to the server.

Layout Manager and Responsive Configs

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.

Accessibility Package (ARIA) for Section 508 compliance

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

Customizable Built-In Themes

Ext JS components are available in multiple built-in themes including Material, Triton, 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.

Community Edition

Shared free of charge with our community of freelance developers, startups, students and non-profits, Sencha Ext JS Community Edition provides the most comprehensive modern JavaScript framework a developer needs to build data-intensive, cross-platform web applications. The best part? When your application or business takes off, you don’t have to learn new tools or port code from various toolsets. Start working right away with your existing codebase in any of our paid editions while gaining access to additional capabilities. View the eligibility requirements and sign up for your 1-year license.

ExtReact

ExtReact provides 115+ pre-built, professionally tested and commercially supported UI components that you can easily integrate with applications built with React. With ExtReact, developers can add any component from our library, including grid, tree grid, pivot grid, charts, D3 visualizations and more – no customization required.

Sencha Tools

Cmd

Sencha Cmd is the cornerstone for building your Ext JS applications. Cmd provides a full set of lifecycle management features including scaffolding, code minification, transpilation from ES6, dynamic package loading, build generation for progressive web apps, and more, to complement your Sencha projects.

IDE and Code Editor Plugins

IDE and Code Editor Plugins integrate Sencha frameworks into your enterprise workflow. The plugins enable code completion, code inspection, refactoring, template generation, code navigation, and code generation among other features. IDE plugins work with the Sencha frameworks classes and even your own custom classes and overrides.

Architect

Architect empowers your team to build Ext JS applications using drag-and-drop features, so you spend less time on manual coding. Architect automatically generates application code that is is optimized for high performance, and eliminates the human error that often occurs with manual coding.

Themer

Themer enables you to quickly and easily design customized application themes using graphical tools – without writing code. Themer gives you access to all Ext JS components and inspection tools to set fine-grained styles and generate theme packages with dynamic stylesheets.

Inspector

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 including overnesting of components, number of layout runs, and more to help improve your application performance.

Stencils

Stencils is a complete UI asset kit for Adobe Illustrator, Sketch, Balsamiq and is also available as SVG/PNG for use with other programs. Stencils contains all of the components and styles used in the Ext JS Classic and Modern toolkits as well as ExtReact components.

Sencha Test

Sencha Test is the most comprehensive unit and end-to-end testing solution for Ext JS, and includes support for end-to-end testing of ExtReact, React and Angular apps. Sencha Test helps you improve application quality, accelerate time to market, and reduce testing time and costs.