|
| 1 | +# Essential JS 2 - Modern JavaScript UI Components |
| 2 | +The only JavaScript UI package you will ever need. |
| 3 | + |
| 4 | +[](https://syncfusion.com/products/javascript/) |
| 5 | + |
| 6 | +*Screens of [showcase applications](#showcase-applications) created using Essential JS 2* |
| 7 | + |
| 8 | +## Table of Contents |
| 9 | +* [Framework highlights](#framework-highlights) |
| 10 | +* [Control list](#control-list) |
| 11 | +* [Resources](#resources) |
| 12 | +* [Supported Frameworks](#supported-frameworks) |
| 13 | +* [Showcase Applications](#showcase-applications) |
| 14 | +* [Release Notes](#release-notes) |
| 15 | +* [License](#license) |
| 16 | + |
| 17 | +## Framework highlights |
| 18 | + |
| 19 | +### Lightweight and user friendly |
| 20 | +The entire Essential JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires. |
| 21 | + |
| 22 | +### Modular architecture |
| 23 | +All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application. |
| 24 | + |
| 25 | +### Built for performance |
| 26 | +Performance is critical for delivering a good user experience. We ensure that all our components are designed and built to achieve the best performance possible. |
| 27 | + |
| 28 | +### Responsive and touch friendly |
| 29 | +All Essential JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops. |
| 30 | + |
| 31 | +### Stunning built-in themes |
| 32 | +Pixel-perfect built-in themes are available in material, bootstrap and fabric design. In addition, it comes with Accessible high-contrast theme and an online tool "[Theme Studio](https://ej2.syncfusion.com/themestudio/)" to customize the provided built-in themes. |
| 33 | + |
| 34 | +### Globalization simplified |
| 35 | +Easily build applications to be used by a global audience in various language and culture settings. |
| 36 | + |
| 37 | +### Stay current |
| 38 | +With our commitment to at least four major updates per year, you receive the most up-to-date functionality and new components in addition to monthly service packs and bug fixes. Custom patches are available as needed. |
| 39 | + |
| 40 | + |
| 41 | +## Control List |
| 42 | +* Grids |
| 43 | + * [**Data Grid**](https://syncfusion.com/products/javascript/data-grid) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/grid/gridoverview.html) |
| 44 | + * [**Pivot Grid**](https://www.syncfusion.com/products/javascript/pivot-grid) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/pivotview/default.html) |
| 45 | +* Data Visualization |
| 46 | + * [**Chart**](https://www.syncfusion.com/products/javascript/chart) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/chart/line.html) |
| 47 | + * [Circular Gauge](https://www.syncfusion.com/products/javascript/circulargauge) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/circulargauge/default.html) |
| 48 | + * [**Diagram**](https://www.syncfusion.com/products/javascript/diagram) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/diagram/default-functionalities.html) |
| 49 | + * [Heat Map](https://www.syncfusion.com/products/javascript/heatmap) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/heatmap/default.html) |
| 50 | + * [Linear Gauge](https://www.syncfusion.com/products/javascript/lineargauge) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/lineargauge/default.html) |
| 51 | + * [Maps](https://www.syncfusion.com/products/javascript/maps) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/maps/default.html) |
| 52 | + * [RangeNavigator](https://www.syncfusion.com/products/javascript/rangenavigator) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/rangenavigator/default.html) |
| 53 | + * [Smith Chart](https://www.syncfusion.com/products/javascript/smithchart) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/smithchart/default.html) |
| 54 | + * [Sparkline](https://www.syncfusion.com/products/javascript/sparkline) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/sparkline/default.html) |
| 55 | + * [TreeMap](https://www.syncfusion.com/products/javascript/treemap) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/treemap/default.html) |
| 56 | +* Calendar |
| 57 | + * [**Schedule**](https://www.syncfusion.com/products/javascript/schedule) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/schedule/default.html) |
| 58 | + * [Calendar](https://www.syncfusion.com/products/javascript/calendar) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/calendar/default.html) |
| 59 | + * [Date Picker](https://www.syncfusion.com/products/javascript/datepicker) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/datepicker/default.html) |
| 60 | + * [Date-Range Picker](https://www.syncfusion.com/products/javascript/daterangepicker) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/daterangepicker/default.html) |
| 61 | + * [Date-Time Picker](https://www.syncfusion.com/products/javascript/datetimepicker) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/datetimepicker/default.html) |
| 62 | + * [Time Picker](https://www.syncfusion.com/products/javascript/timepicker) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/timepicker/default.html) |
| 63 | +* Editors |
| 64 | + * [Autocomplete](https://www.syncfusion.com/products/javascript/autocomplete) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/autocomplete/default.html) |
| 65 | + * [Check Box](https://www.syncfusion.com/products/javascript/checkbox) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/check-box.html) |
| 66 | + * [Color Picker](https://www.syncfusion.com/products/javascript/color-picker) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/colorpicker/default.html) |
| 67 | + * [Combo Box](https://www.syncfusion.com/products/javascript/combobox) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/combobox/default.html) |
| 68 | + * [**Document Editor**](https://www.syncfusion.com/products/javascript/document-editor) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/documenteditor/default.html) |
| 69 | + * [**Dropdown List**](https://www.syncfusion.com/products/javascript/dropdownlist) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/dropdownlist/default.html) |
| 70 | + * [Form Validator](https://www.syncfusion.com/products/javascript/form-validator) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/form-validator/default.html) |
| 71 | + * [Radio Button](https://www.syncfusion.com/products/javascript/radio-button) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/radio-button.html) |
| 72 | + * [**Rich Text Editor**](https://www.syncfusion.com/products/javascript/rich-text-editor) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/rte/rich-text-editor-tools.htmll) |
| 73 | + * [Masked Text Box](https://www.syncfusion.com/products/javascript/maskedtextbox) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/maskedtextbox/default.html) |
| 74 | + * [Multiselect Dropdown](https://www.syncfusion.com/products/javascript/multiselect) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/multiselect/default.html) |
| 75 | + * [Numeric Textbox](https://www.syncfusion.com/products/javascript/numerictextbox) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/numerictextbox/default.html) |
| 76 | + * [Slider](https://www.syncfusion.com/products/javascript/slider) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/slider/default.html) |
| 77 | + * [Switch](https://www.syncfusion.com/products/javascript/switch) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/switch.html) |
| 78 | + * [Textbox](https://www.syncfusion.com/products/javascript/text-box) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/textbox/default.html) |
| 79 | + * [Uploader](https://www.syncfusion.com/products/javascript/uploader) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/uploader/default.html) |
| 80 | +* Buttons |
| 81 | + * [Button](https://www.syncfusion.com/products/javascript/button) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/default.html) |
| 82 | + * [Button Group](https://www.syncfusion.com/products/javascript/button-group) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/button-group.html) |
| 83 | + * [Dropdown Button](https://www.syncfusion.com/products/javascript/dropdown-button) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/drop-down-button.html) |
| 84 | + * [Split Button](https://www.syncfusion.com/products/javascript/split-button) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/split-button.html) |
| 85 | +* Layout |
| 86 | + * [Avatar](https://www.syncfusion.com/products/javascript/avatar) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/avatar/default.html) |
| 87 | + * [Card](https://www.syncfusion.com/products/javascript/card) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/card/basic.html) |
| 88 | + * [Dialog](https://www.syncfusion.com/products/javascript/dialog) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/dialog/default.html) |
| 89 | + * [**List View**](https://www.syncfusion.com/products/javascript/listview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/listview/default.html) |
| 90 | +* Navigation |
| 91 | + * [Accordion](https://www.syncfusion.com/products/javascript/accordion) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/accordion/default.html) |
| 92 | + * [**Context Menu**](https://www.syncfusion.com/products/javascript/context-menu) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/context-menu/context-menu.html) |
| 93 | + * [Sidebar](https://www.syncfusion.com/products/javascript/sidebar) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/sidebar/default) |
| 94 | + * [Tab](https://www.syncfusion.com/products/javascript/tab) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/tab/default.html) |
| 95 | + * [Toolbar](https://www.syncfusion.com/products/javascript/toolbar) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/toolbar/default.html) |
| 96 | + * [**Tree View**](https://www.syncfusion.com/products/javascript/tree-view) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/treeview/default.html) |
| 97 | +* Notification |
| 98 | + * [Badge](https://www.syncfusion.com/products/javascript/badge) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/badge/default.html) |
| 99 | + * [Toast](https://www.syncfusion.com/products/javascript/toast) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/toast/default.html) |
| 100 | + * [Tooltip](https://www.syncfusion.com/products/javascript/tooltip) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/tooltip/default.html) |
| 101 | + |
| 102 | +## Supported Frameworks |
| 103 | +* [Angular](https://www.syncfusion.com/products/angular) |
| 104 | +* [React](https://www.syncfusion.com/products/react) |
| 105 | +* [Vue.js](https://www.syncfusion.com/products/vue) |
| 106 | +* [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore) |
| 107 | +* [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc) |
| 108 | + |
| 109 | +## Resources |
| 110 | +* [Documentation](https://ej2.syncfusion.com/documentation/?lang=typescript) |
| 111 | +* [Theme Studio](https://ej2.syncfusion.com/themestudio/) |
| 112 | +* [Custom Resource Generator](https://crg.syncfusion.com/) |
| 113 | +* [Contact Support](https://www.syncfusion.com/support/directtrac/incidents/newincident) |
| 114 | +* [Forums](https://www.syncfusion.com/forums/essential-js2) |
| 115 | +* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2) |
| 116 | +* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2) |
| 117 | +* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript) |
| 118 | + |
| 119 | +## Showcase Applications |
| 120 | +* [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/) |
| 121 | +* [Story Estimator](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/) |
| 122 | +* [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart) |
| 123 | +* [IT Asset Management](https://ej2.syncfusion.com/showcase/vue/assetmanagement/) |
| 124 | +* [Expense Tracker](https://ej2.syncfusion.com/showcase/typescript/expensetracker/) |
| 125 | +* [Web Mail](https://ej2.syncfusion.com/showcase/typescript/webmail/) |
| 126 | +* [Loan Calculator](https://ej2.syncfusion.com/showcase/typescript/loancalculator/) |
| 127 | + |
| 128 | + |
| 129 | +## Release Notes |
| 130 | +Please refer this [link](https://ej2.syncfusion.com/documentation/release-notes/?lang=typescript) |
| 131 | + |
| 132 | +## License |
| 133 | +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). |
| 134 | + |
| 135 | +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. |
| 136 | + |
| 137 | + |
| 138 | + © Copyright 2018 Syncfusion, Inc. All Rights Reserved. |
| 139 | + The Syncfusion Essential Studio license and copyright applies to this distribution. |
0 commit comments