Skip to content

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

License

Notifications You must be signed in to change notification settings

syncfusion/ej2-javascript-ui-controls

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Syncfusion JavaScript UI Controls Library – Essential JS 2

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.

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.
See: Community License

npm version
For latest updates: Check Releases or What's New

Features

  • 145+ Components — Comprehensive suite of lightweight, modular controls with no framework lock-in.
  • AI-Powered Smart Components — AI AssistView, Smart TextArea, Smart Paste Button, and AI integrations in DataGrid, etc.
  • Regular updates: 4+ major releases per year + weekly patches.
  • Modular installation — Install only needed components to minimize bundle size.
  • Enterprise-grade: Accessibility (WCAG 2.2), internationalization, RTL, virtualization for performance, touch support.

Components List

Components are grouped by category. Install via NPM (e.g., npm install @syncfusion/ej2-grids) for modular use.

Category Key Components Highlights / Features
Smart / AI Components AI AssistView, Smart TextArea, Smart Paste Button AI-assisted text, intelligent pasting, chat-like interfaces
Grids Data Grid, Pivot Table, Tree Grid Virtual scrolling, Editing/filtering/sorting, Excel/PDF/CSV export
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
Calendars & Scheduling Scheduler, Gantt Chart, Calendar, DatePicker, DateRangePicker, DateTimePicker, TimePicker Drag-and-drop events, resources, recurring appointments, timeline views
Dropdowns AutoComplete, ComboBox, MultiSelect Dropdown, Dropdown List, ListBox, DropDown Tree, MultiColumn ComboBox, Mention Filtering, grouping, virtualization, remote data, templates
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
Buttons & Chips Button, ButtonGroup, SplitButton, Dropdown Menu, Progress Button, Chips, FAB, Speed Dial Icons, animations, loading states, predefined styles
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
Forms & Query Query Builder, Form Validator Visual rule/filter building, complex queries, validation
Editors Rich Text Editor, In-place Editor, Image Editor, Block Editor Markdown/HTML editing, annotations, AI Assistant integration
Notifications Toast, Progress Bar, Spinner, Badge, Skeleton, Message Custom positions, animations, non-blocking alerts

For detailed documentation for all the components, see: Documentation Introduction.

2. Quick Links

3. Showcase Applications

Real-world demos built with Syncfusion JavaScript / TypeScript components:

  • Expense Tracker — Budget management with charts and grids
    Demo
  • Webmail — Email client simulation with rich UI
    Demo
  • Loan Calculator — Interactive financial tool
    Demo

More showcases and code examples: https://www.syncfusion.com/showcase-apps/javascript


Supported Frameworks

The Essential JS 2 is also offered in following list of frameworks.

License

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials). A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. © Copyright 2026 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.