Sencha Ext JS provides everything a developer needs to build data-intensive, cross-platform web applications. Ext JS leverages HTML5 features on modern browsers.
Ext JS features 115+ high-performance, pre-tested and integrated UI components including calendar, grids, charts and more. The Ext JS Grid and Advanced Charting package can handle millions of records with ease. The framework includes a robust data package that can consume data from any back-end data source. With Sencha Pivot Grid and D3 adapter, organizations can add leading-edge visualization and analytics capabilities to their web applications. See a comparison with other frameworks.
The rich set of Ext JS tools and themes help improve development productivity and accelerate the delivery of great looking web applications. Tools are available to help with application design, development, theming, and debugging as well as build optimization and deployment.
Sencha Test is a complementary product and is the most comprehensive unit and end-to-end testing solution for Ext JS Apps. Learn more about Sencha Test.
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 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 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.
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 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 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 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 is a complete UI asset kit for Adobe Illustrator, Sketch, Omnigraffle, 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 (support for Ext JS 6.5 Modern toolkit is in development). 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 Stencils, designers can streamline the process of creating mockups for great looking web applications. Stencils is available for download at no additional charge.
Ext Speeder is a third-party tool that makes your Sencha Ext JS data grid queries blazingly fast. To learn more about this partner product, see Ext Speeder.
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