|
1 | | -# Essential JS 2 |
| 1 | +# Essential JS 2 - Modern JavaScript UI Components |
| 2 | +The only JavaScript UI package you will ever need. |
2 | 3 |
|
3 | | -Essential JS 2 is a modern JavaScript UI toolkit that has been the built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependences. It comes with full documentation and support and is available under commercial and community licenses – please visit www.syncfusion.com to get started. |
| 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) |
4 | 108 |
|
5 | 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. |
6 | 140 |
|
7 | | -* [Demos](http://ej2.syncfusion.com/demos/) |
8 | | -* [Documentation](http://ej2.syncfusion.com/documentation/) |
9 | 141 |
|
10 | 142 | ## Installing |
11 | 143 |
|
|
0 commit comments