Build Modern Web Apps Faster with Pre-built UI Components

ExtWebComponents provides all the components a developer needs to build data-intensive web apps. You get components that interact seamlessly, and are professionally built, tested and maintained.

Why ExtWebComponents

Everything you need to Create Stunning Web Applications

ExtWebComponents offers 140+ pre-built UI components that are fully supported and designed to work together seamlessly over the lifetime of the application.


Themer enables developers to uniquely theme components and give their JavaScript application a distinct look.


Test includes support for end-to-end testing of ExtWebComponents and JavaScript apps.

Private npm Registry

The private npm registry offers immediate access to ExtWebComponents packages and early pre-releases.

ExtWebComponents Generator

ExtWebComponents Generator helps kickstart new ExtWebComponents projects, offering best practices and tools to make developers more productive.

ExtWebComponents Webpack Plugin

ExtWebComponents Webpack Plugin works with Sencha Cmd to make it easy for developers to bundle and optimize the ExtWebComponents components used in their applications.

ExtWebComponents TypeScript Definitions

ExtWebComponents TypeScript definitions provide code completion functionality in several code editors including Visual Studio Code.


Fiddle is a free tool that allows you to try ExtWebComponents code in your browser without downloading or installing anything. You can easily share your ExtWebComponents code by saving and sharing fiddle URLs.

Develop Web Applications Faster

There are many popular JavaScript frameworks that offer a component-based approach to building web apps. However, most of these do not include any pre-built components. JavaScript developers are faced with the choice of either building these components from scratch or getting them from the community. You can develop web applications faster by using ExtWebComponents. ExtWebComponents includes 140+ pre-built and pre-tested UI components.

  • Grid — Handle millions of records and provides built-in functionality such as sorting and grouping.
  • Pivot Grid — Add powerful analytics functionality to React applications.
  • Exporter — Export data from the standard grid or Pivot Grid to a wide variety of common formats.
  • Layouts — Ensures the proper sizing and positioning of all components with the powerful and flexible layout system.
  • Charts — Visually represent data with a broad range of dynamic and static charts including line, bar, and pie charts.
  • D3 Adapter — Add sophisticated Data-Driven Documents package (D3) visualizations such as heatmaps, treemaps, sunbursts and more to your web applications.

Design Visually Compelling Web Applications

Design visually compelling web applications using ExtWebComponentswith your existing JavaScript apps.

Developers can use the built-in Material design inspired theme, eliminating the need to construct custom styles and making it easy to create a fresh, modern user experience with minimal effort. Themes can also be easily modified or extended within Sencha Themer, enabling both developers and designers to create compelling themes without writing a single line of code. Fonts, colors, and padding can all be modified with ease to make components fit the motif of the application.

End-to-End Testing

Test helps you improve application quality, accelerate time to market, and reduce testing time and costs.

Test includes support for end-to-end testing of ExtWebComponents and JavaScript Framework applications.

Adapt to Browsers, Devices and Screen Sizes

Adaptive and responsive design enables teams to build immersive user engagement by using layouts and adaptive design features. A flexible layout manager helps to organize the display of data and content across multiple browsers, devices, and screen sizes. It helps developers to control the display of components, even for the most complex user interfaces.

Robust Data Package

The robust data package included in ExtWebComponents 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.
  • Is protocol agnostic, and can consume data from any back-end source.
  • Comes with session management capabilities that allow several client-side operations, minimizing round-trips to the server

Download the full Product Datasheet (PDF) for more details or Contact Us to discuss further.

Scroll to Top