11# Syncfusion JavaScript UI Controls Library – Essential JS 2
22
3- Syncfusion Essential JS 2 (EJ2) for JavaScript is a complete enterprise-grade UI component library with ** 145+** high-performance, lightweight, modular, responsive, and touch-friendly HTML5/ JavaScript controls. Build modern web applications with pure JavaScript—no frameworks required—while enjoying seamless integration with Angular, React, Vue, and more. Features include accessibility (WCAG 2.2 compliant), built-in themes (Material 3, Bootstrap 5, Tailwind, Fluent, etc.), globalization, RTL support, and high performance.
3+ Syncfusion Essential JS 2 (EJ2) for JavaScript is a complete enterprise-grade UI component library with ** 145+** high-performance, responsive, lightweight, modular, and touch-friendly JavaScript controls. Build modern web applications with pure JavaScript—no frameworks required—while enjoying seamless integration with Angular, React, Vue, and more. Features include accessibility (WCAG 2.2 compliant), built-in themes (Material 3, Bootstrap 5, Tailwind, Fluent, etc.), globalization, RTL support, and high performance.
44
55> ** Note:** This is a commercial library. A ** free community license** is available for companies/teams with < $1M USD annual gross revenue, ≤5 developers, and ≤10 total employees.
66> See: [ Community License] ( https://www.syncfusion.com/products/communitylicense )
77
88[ ![ npm version] ( https://badge.fury.io/js/%40syncfusion%2Fej2.svg )] ( https://www.npmjs.com/package/@syncfusion/ej2 )
9- Latest updates: Check [ Releases] ( https://github.com/syncfusion/ej2-javascript-ui-controls/releases ) or [ What's New] ( https://www.syncfusion.com/products/whatsnew/essential-js2 )
9+ For latest updates: Check [ Releases] ( https://github.com/syncfusion/ej2-javascript-ui-controls/releases ) or [ What's New] ( https://www.syncfusion.com/products/whatsnew/essential-js2 )
1010
1111* [ Product Overview] ( https://www.syncfusion.com/javascript-ui-controls )
1212* [ Documentation] ( https://ej2.syncfusion.com/documentation/ )
@@ -16,40 +16,40 @@ Latest updates: Check [Releases](https://github.com/syncfusion/ej2-javascript-ui
1616## Features
1717
1818- ** 145+ Components** — Comprehensive suite of lightweight, modular controls with no framework lock-in.
19- - ** AI-Powered Smart Components** — AI AssistView, Smart TextArea, Smart Paste Button, and AI integrations in DataGrid, Spreadsheet, etc.
20- - Regular updates: 4+ major releases per year + monthly patches.
19+ - ** AI-Powered Smart Components** — AI AssistView, Smart TextArea, Smart Paste Button, and AI integrations in DataGrid, etc.
20+ - Regular updates: 4+ major releases per year + weekly patches.
2121- Modular installation — Install only needed components to minimize bundle size.
2222- Enterprise-grade: Accessibility (WCAG 2.2), internationalization, RTL, virtualization for performance, touch support.
2323
2424## Components List
2525
2626Components are grouped by category. Install via NPM (e.g., ` npm install @syncfusion/ej2-grids ` ) for modular use.
2727
28- | Category | Key Components | Highlights / Features | Sample / Demo Link | Documentation |
29- | --------------------------- | -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------- ---|
30- | ** Smart / AI Components** | AI AssistView, Smart TextArea, Smart Paste Button | AI-assisted text, intelligent pasting, chat-like interfaces | [ AI AssistView ] ( https://ej2.syncfusion.com/demos/#/tailwind3/ai-assistview/default ) | [ AI AssistView ] ( https://ej2.syncfusion.com/documentation/ai-assistview/getting-started ) < br > [ Smart Paste Button ] ( https://ej2.syncfusion.com/documentation/smart-paste-button/getting-started ) < br > [ Smart TextArea ] ( https://ej2.syncfusion.com/documentation/smart-textarea/getting-started ) |
31- | ** Grids** | Data Grid, Pivot Table, Tree Grid, Spreadsheet | Virtual scrolling, Excel-like editing /filtering/sorting, Excel/PDF/CSV export, pinned rows | [ Data Grid ] ( https://ej2.syncfusion.com/demos/#/tailwind3/grid/grid-overview.html ) | [ Data Grid ] ( https://ej2.syncfusion.com/documentation/grid/getting-started ) < br > [ Pivot Table ] ( https://ej2.syncfusion.com/documentation/pivotview/getting-started ) |
32- | ** Data Visualization** | Charts, 3D Charts, Stock Chart, Circular Gauge, Linear Gauge, Maps, Diagram, HeatMap, TreeMap, Bullet Chart, Kanban, Sparkline, Barcode, Smith Chart, Range Selector | 80+ chart types, real-time updates, interactive diagrams, geospatial rendering | [ Charts ] ( https://ej2.syncfusion.com/demos/#/tailwind3/chart/line ) | [ Charts ] ( https://ej2.syncfusion.com/documentation/chart/getting-started ) < br > [ Diagram ] ( https://ej2.syncfusion.com/documentation/diagram/getting-started ) |
33- | ** Calendars & Scheduling** | Scheduler, Gantt Chart, Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker | Drag-and-drop events, resources, recurring appointments, timeline views | [ Scheduler ] ( https://ej2.syncfusion.com/demos/#/tailwind3/schedule/overview ) | [ Scheduler ] ( https://ej2.syncfusion.com/documentation/schedule/getting-started ) < br > [ Gantt Chart ] ( https://ej2.syncfusion.com/documentation/gantt/getting-started ) |
34- | ** Dropdowns** | AutoComplete, ComboBox, MultiSelect Dropdown, Dropdown List, ListBox, DropDown Tree, MultiColumn ComboBox, Mention | Filtering, grouping, virtualization, remote data, templates | [ ComboBox ] ( https://ej2.syncfusion.com/demos/#/tailwind3/combo-box/default ) | [ ComboBox ] ( https://ej2.syncfusion.com/documentation/combo-box/getting-started ) < br > [ MultiSelect Dropdown ] ( https://ej2.syncfusion.com/documentation/multi-select/getting-started ) |
35- | ** Inputs & Editors** | TextBox, TextArea, Numeric TextBox, Masked TextBox, CheckBox, RadioButton, Color Picker, File Upload, Range Slider, Switch, Signature, Rating, OTP Input | Validation, floating labels, file drag-drop, accessibility | [ TextBox ] ( https://ej2.syncfusion.com/demos/#/tailwind3/textbox/default ) | [ TextBox ] ( https://ej2.syncfusion.com/documentation/textbox/getting-started ) < br > [ Numeric TextBox ] ( https://ej2.syncfusion.com/documentation/numerictextbox/getting-started ) |
36- | ** Buttons & Chips** | Button, ButtonGroup, SplitButton, Dropdown Menu, Progress Button, Chips, FAB, Speed Dial | Icons, animations, loading states, predefined styles | [ Button ] ( https://ej2.syncfusion.com/demos/#/tailwind3/button/default ) | [ Button ] ( https://ej2.syncfusion.com/documentation/button/getting-started ) < br > [ Chips ] ( https://ej2.syncfusion.com/documentation/chips/getting-started ) |
37- | ** Navigation & Layout** | Accordion, Tabs, TreeView, Toolbar, Sidebar, Menu Bar, Context Menu, Carousel, AppBar, Breadcrumb, Ribbon, Stepper, Pager, File Manager, Dialog, Card, Splitter, ListView, Tooltip, Dashboard Layout | Collapsible, draggable, multi-level, responsive layouts | [ TreeView ] ( https://ej2.syncfusion.com/demos/#/tailwind3/treeview/default ) | [ TreeView ] ( https://ej2.syncfusion.com/documentation/treeview/getting-started ) < br > [ Dialog ] ( https://ej2.syncfusion.com/documentation/dialog/getting-started ) < br > [ File Manager ] ( https://ej2.syncfusion.com/documentation/file-manager/getting-started ) |
38- | ** Forms & Query** | Query Builder, Form Validator | Visual rule/filter building, complex queries, validation | [ Query Builder ] ( https://ej2.syncfusion.com/demos/#/tailwind3/query-builder/default ) | [ Query Builder ] ( https://ej2.syncfusion.com/documentation/query-builder/getting-started ) |
39- | ** Editors & Viewers ** | Rich Text Editor, Document Editor, PDF Viewer, In-place Editor, Image Editor, Block Editor | Markdown/HTML editing, annotations, full document support | [ Rich Text Editor ] ( https://ej2.syncfusion.com/demos/#/tailwind3/rich-text-editor/default ) | [ Rich Text Editor ] ( https://ej2.syncfusion.com/documentation/rich-text-editor/getting-started ) < br > [ PDF Viewer ] ( https://ej2.syncfusion.com/documentation/pdfviewer/getting-started ) < br > [ Document Editor ] ( https://ej2.syncfusion.com/documentation/document-editor/getting-started ) |
40- | ** Notifications** | Toast, Progress Bar, Spinner, Badge, Skeleton, Message | Custom positions, animations, non-blocking alerts | [ Toast ] ( https://ej2.syncfusion.com/demos/#/tailwind3/toast/default ) | [ Toast ] ( https://ej2.syncfusion.com/documentation/toast/getting-started ) < br > [ Progress Bar ] ( https://ej2.syncfusion.com/documentation/progress-bar/getting-started ) |
41-
42- For the exhaustive list and latest additions , see: [ Documentation Introduction] ( https://ej2.syncfusion.com/documentation/introduction ) .
28+ | Category | Key Components | Highlights / Features |
29+ | ---| ---| ---|
30+ | ** Smart / AI Components** | AI AssistView, Smart TextArea, Smart Paste Button | AI-assisted text, intelligent pasting, chat-like interfaces |
31+ | ** Grids** | Data Grid, Pivot Table, Tree Grid | Virtual scrolling, Editing /filtering/sorting, Excel/PDF/CSV export |
32+ | ** Data Visualization** | Charts, 3D Charts, Stock Chart, Circular Gauge, Linear Gauge, Maps, Diagram, HeatMap, TreeMap, Bullet Chart, Kanban, Sparkline, Barcode, Smith Chart, Range Selector | 80+ chart types, real-time updates, interactive diagrams, geospatial rendering |
33+ | ** Calendars & Scheduling** | Scheduler, Gantt Chart, Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker | Drag-and-drop events, resources, recurring appointments, timeline views |
34+ | ** Dropdowns** | AutoComplete, ComboBox, MultiSelect Dropdown, Dropdown List, ListBox, DropDown Tree, MultiColumn ComboBox, Mention | Filtering, grouping, virtualization, remote data, templates |
35+ | ** Inputs & Editors** | TextBox, TextArea, Numeric TextBox, Masked TextBox, CheckBox, RadioButton, Color Picker, File Upload, Range Slider, Switch, Signature, Rating, OTP Input | Validation, floating labels, file drag-drop, accessibility |
36+ | ** Buttons & Chips** | Button, ButtonGroup, SplitButton, Dropdown Menu, Progress Button, Chips, FAB, Speed Dial | Icons, animations, loading states, predefined styles |
37+ | ** Navigation & Layout** | Accordion, Tabs, TreeView, Toolbar, Sidebar, Menu Bar, Context Menu, Carousel, AppBar, Breadcrumb, Ribbon, Stepper, Pager, File Manager, Dialog, Card, Splitter, ListView, Tooltip, Dashboard Layout | Collapsible, draggable, multi-level, responsive layouts |
38+ | ** Forms & Query** | Query Builder, Form Validator | Visual rule/filter building, complex queries, validation |
39+ | ** Editors** | Rich Text Editor, In-place Editor, Image Editor, Block Editor | Markdown/HTML editing, annotations, AI Assistant integration |
40+ | ** Notifications** | Toast, Progress Bar, Spinner, Badge, Skeleton, Message | Custom positions, animations, non-blocking alerts |
41+
42+ For detailed documentation for all the components , see: [ Documentation Introduction] ( https://ej2.syncfusion.com/documentation/introduction ) .
4343
4444## 2. Quick Links
4545
4646- ** Installation** — ` npm install @syncfusion/ej2 --save ` (core) or per-component (e.g., ` @syncfusion/ej2-grids ` )
47- - ** Getting Started** — https://helpej2 .syncfusion.com/documentation/getting-started/quick-start
47+ - ** Getting Started** — https://ej2 .syncfusion.com/documentation/getting-started/quick-start
4848- ** Live Demos** — https://ej2.syncfusion.com/demos/
4949- ** Themes & Customization** — [ Theme Studio] ( https://ej2.syncfusion.com/themestudio/ )
5050- ** NPM Packages** — https://www.npmjs.com/search?q=%40syncfusion%2Fej2
5151- ** Community License** — https://www.syncfusion.com/products/communitylicense
52- - ** Support** — [ Forums ] ( https://www .syncfusion.com/forums/essential-js2 ) • [ Tickets ] ( https://support .syncfusion.com/create )
52+ - ** Support** — [ Tickets ] ( https://support .syncfusion.com/create ) • [ Forums ] ( https://www .syncfusion.com/forums/essential-js2 )
5353
5454## 3. Showcase Applications
5555
@@ -61,18 +61,17 @@ Real-world demos built with Syncfusion JavaScript / TypeScript components:
6161 [ Demo] ( https://ej2.syncfusion.com/showcase/typescript/webmail/ )
6262- ** Loan Calculator** — Interactive financial tool
6363 [ Demo] ( https://ej2.syncfusion.com/showcase/typescript/loancalculator/ )
64- - ** Document Explorer** — File management and PDF viewing
65- [ Demo] ( https://ej2.syncfusion.com/showcase/javascript/documentexplorer/ )
6664
6765More showcases and code examples: https://www.syncfusion.com/showcase-apps/javascript
66+
6867---
6968
7069## Supported Frameworks
7170The Essential JS 2 is also offered in following list of frameworks.
7271
73- * [ Angular] ( https://www.syncfusion.com/angular-ui- components?utm_source=npm&utm_campaign=ej2-vue-ui-components )
74- * [ React] ( https://www.syncfusion.com/react-ui- components?utm_source=npm&utm_campaign=ej2-vue-ui-components )
75- * [ Vue] ( https://www.syncfusion.com/vue-ui- components?utm_source=npm&utm_campaign=ej2-react-ui-components )
72+ * [ Angular] ( https://www.syncfusion.com/angular-components?utm_source=npm&utm_campaign=ej2-vue-ui-components )
73+ * [ React] ( https://www.syncfusion.com/react-components?utm_source=npm&utm_campaign=ej2-vue-ui-components )
74+ * [ Vue] ( https://www.syncfusion.com/vue-components?utm_source=npm&utm_campaign=ej2-react-ui-components )
7675* [ ASP.NET Core] ( https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_campaign=ej2-vue-ui-components )
7776* [ ASP.NET MVC] ( https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_campaign=ej2-vue-ui-components )
7877
0 commit comments