Syncfusion JavaScript (ES5) UI Controls (Essential JS 2)

2 Feb 20247 minutes to read

Syncfusion JavaScript (ES5) is a modern UI Controls library that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies. It also includes complete support for Angular, React, Vue, ASP.NET MVC and ASP.NET Core frameworks.

The Syncfusion JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.

Components list

The Syncfusion JavaScript (ES5) UI controls are listed below.

GRIDS

DataGrid
Pivot Table
TreeGrid
Spreadsheet

FILE VIEWERS & EDITORS

In-place Editor
RichTextEditor
PDF Viewer
Word Processor
Image Editor

LAYOUT

Dialog
ListView
Predefined Dialogs
Tooltip
Splitter
Dashboard
Card
Avatar

DATA VISUALIZATION

Charts
3D Chart
Accumulation Chart
Stock Chart
Circular Gauge
Linear Gauge
Diagram
HeatMap Chart
Map
Range Selector
Smith Chart
Sparkline Charts
Barcode
TreeMap
Bullet Chart
Kanban

BUTTONS

Button
ButtonGroup
Dropdown Menu
Progress Button
SplitButton
Chips
Floating Action Button
Speed Dial

CALENDARS

Scheduler
Gantt Chart
Calendar
DatePicker
DateRangePicker
DateTime Picker
TimePicker

INPUTS

TextBox
Input Mask
Numeric TextBox
RadioButton
CheckBox
Color Picker
File Upload
Range Slider
Toggle Switch Button
Signature
Rating

FORMS

Form Validator
Query Builder

DROPDOWNS

AutoComplete
ListBox
ComboBox
Dropdown List
Multiselect DropDown
DropDown Tree
Mention

NAVIGATION

Accordion
Carousel
Context Menu
Menu Bar
Ribbon
Sidebar
Tabs
Toolbar
TreeView
File Manager
Stepper
Breadcrumb
Pager
AppBar

NOTIFICATION

Toast
Progress Bar
Spinner
Badge
Skeleton
Message

How to best read this user guide

  • The best way to get started would be to read the “Getting Started” section of the
    documentation for the control that you would like to start using first. The “Getting Started”
    guide gives just enough information that you need to know before starting to write code.
    This is the only section that we recommend reading end-to-end before starting to write code,
    all other information can be referred as needed.

  • Now that you are familiar with the basics of using the control, the next step would
    be to start integrating the control into your application. A good starting point
    would be to refer to the code snippets in the online sample browser
    which contains hundreds of code samples, it is very likely that you will find
    a code sample that resembles your intended usage scenario.

  • Another valuable resource is the API reference which provides detailed information on
    the object hierarchy as well as the settings available on every object.

Getting help

  • If you are still not able to find the information that you are looking for in the
    self-help resources mentioned above then please contact us by creating a support ticket
    in our support site or ask your query in Stack Overflow
    with tag syncfusion-ej2.

Syncfusion does not collect any kind of information when our components are used in customer applications.

See also