|
1 |
| -update about your product |
| 1 | +# Syncfusion JavaScript UI Controls Library |
| 2 | + |
| 3 | +The only JavaScript UI library you will ever need. |
| 4 | + |
| 5 | +[](https://syncfusion.com/products/javascript/) |
| 6 | + |
| 7 | +*Screens of [showcase applications](#showcase-applications) created using Essential JS 2* |
| 8 | + |
| 9 | +## Table of Contents |
| 10 | + |
| 11 | +* [Framework highlights](#framework-highlights) |
| 12 | +* [Control list](#control-list) |
| 13 | +* [Resources](#resources) |
| 14 | +* [Supported Frameworks](#supported-frameworks) |
| 15 | +* [Showcase Applications](#showcase-applications) |
| 16 | +* [Release Notes](#release-notes) |
| 17 | +* [License](#license) |
| 18 | + |
| 19 | +## Framework highlights |
| 20 | + |
| 21 | +### Lightweight and user friendly |
| 22 | + |
| 23 | +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. |
| 24 | + |
| 25 | +### Modular architecture |
| 26 | + |
| 27 | +All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application. |
| 28 | + |
| 29 | +### Built for performance |
| 30 | + |
| 31 | +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. |
| 32 | + |
| 33 | +### Responsive and touch friendly |
| 34 | + |
| 35 | +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. |
| 36 | + |
| 37 | +### Stunning built-in themes |
| 38 | + |
| 39 | +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. |
| 40 | + |
| 41 | +### Globalization simplified |
| 42 | + |
| 43 | +Easily build applications to be used by a global audience in various language and culture settings. |
| 44 | + |
| 45 | +### Stay current |
| 46 | + |
| 47 | +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. |
| 48 | + |
| 49 | + |
| 50 | +## Control List |
| 51 | + |
| 52 | +* Grids |
| 53 | + * [**Data Grid**](https://syncfusion.com/products/javascript/grid?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/grid/grid-overview.html) |
| 54 | + * [**Pivot Grid**](https://www.syncfusion.com/products/javascript/pivot-table?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/pivot-view/default.html) |
| 55 | + |
| 56 | +* Editors |
| 57 | + * [**Rich Text Editor**](https://www.syncfusion.com/products/javascript/wysiwyg-rich-text-editor?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/rich-text-editor/tools.html) |
| 58 | + * [**Document Editor**](https://www.syncfusion.com/products/javascript/word-processor?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/document-editor/default.html) |
| 59 | + |
| 60 | +* Dropdowns |
| 61 | + * [Autocomplete](https://www.syncfusion.com/products/javascript/autocomplete?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/auto-complete/default.html) |
| 62 | + * [Combobox](https://www.syncfusion.com/products/javascript/combobox?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/combo-box/default.html) |
| 63 | + * [**Dropdown List**](https://www.syncfusion.com/products/javascript/dropdown-list?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/drop-down-list/default.html) |
| 64 | + * [Multiselect Dropdown](https://www.syncfusion.com/products/javascript/multiselect-dropdown?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/multi-select/default.html) |
| 65 | + |
| 66 | +* Inputs |
| 67 | + * [Form Validator](https://www.syncfusion.com/products/javascript/form-validator?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/form-validator/default.html) |
| 68 | + * [Textbox](https://www.syncfusion.com/products/javascript/textbox?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/textbox/default.html) |
| 69 | + * [Input Mask](https://www.syncfusion.com/products/javascript/input-mask?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/maskedtextbox/default.html) |
| 70 | + * [Numeric Textbox](https://www.syncfusion.com/products/javascript/numeric-textbox?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/numerictextbox/default.html) |
| 71 | + * [Radio Button](https://www.syncfusion.com/products/javascript/radio-button?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/radio-button.html) |
| 72 | + * [Checkbox](https://www.syncfusion.com/products/javascript/checkbox?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/check-box.html) |
| 73 | + * [Color Picker](https://www.syncfusion.com/products/javascript/color-picker?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/color-picker/default.html) |
| 74 | + * [File Upload](https://www.syncfusion.com/products/javascript/file-upload?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/uploader/default.html) |
| 75 | + * [Slider](https://www.syncfusion.com/products/javascript/slider?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/slider/default.html) |
| 76 | + * [Switch](https://www.syncfusion.com/products/javascript/switch?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/switch.html) |
| 77 | + |
| 78 | +* Data Visualization |
| 79 | + * [**Charts**](https://www.syncfusion.com/products/javascript/charts?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/chart/line.html) |
| 80 | + * [Circular Gauge](https://www.syncfusion.com/products/javascript/gauge-charts?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/circular-gauge/default.html) |
| 81 | + * [**Diagram**](https://www.syncfusion.com/products/javascript/diagram?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/diagram/default-functionalities.html) |
| 82 | + * [HeatMap](https://www.syncfusion.com/products/javascript/heatmap?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/heatmap/default.html) |
| 83 | + * [Linear Gauge](https://www.syncfusion.com/products/javascript/gauge-charts?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/linear-gauge/default.html) |
| 84 | + * [Maps](https://www.syncfusion.com/products/javascript/maps?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/maps/default.html) |
| 85 | + * [Range Selector](https://www.syncfusion.com/products/javascript/range-selector?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/range-navigator/default.html) |
| 86 | + * [Smith Chart](https://www.syncfusion.com/products/javascript/smith-chart?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/smith-chart/default.html) |
| 87 | + * [Sparkline](https://www.syncfusion.com/products/javascript/sparkline?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/sparkline/default.html) |
| 88 | + * [TreeMap](https://www.syncfusion.com/products/javascript/treemap?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/treemap/default.html) |
| 89 | + |
| 90 | +* Calendars |
| 91 | + * [**Scheduler**](https://www.syncfusion.com/products/javascript/scheduler?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/schedule/default.html) |
| 92 | + * [Calendar](https://www.syncfusion.com/products/javascript/calendar?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/calendar/default.html) |
| 93 | + * [DatePicker](https://www.syncfusion.com/products/javascript/datepicker?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/datepicker/default.html) |
| 94 | + * [Date-Range Picker](https://www.syncfusion.com/products/javascript/date-range-picker?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/daterangepicker/default.html) |
| 95 | + * [Date-Time Picker](https://www.syncfusion.com/products/javascript/datetime-picker?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/datetimepicker/default.html) |
| 96 | + * [TimePicker](https://www.syncfusion.com/products/javascript/time-picker?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/timepicker/default.html) |
| 97 | + |
| 98 | +* Navigation |
| 99 | + * [Accordion](https://www.syncfusion.com/products/javascript/accordion?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/accordion/default.html) |
| 100 | + * [**Context Menu**](https://www.syncfusion.com/products/javascript/context-menu?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/context-menu/default.html) |
| 101 | + * [**Menu**](https://www.syncfusion.com/products/javascript/menu?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/menu/default.html) |
| 102 | + * [Sidebar](https://www.syncfusion.com/products/javascript/sidebar?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/sidebar/default.html) |
| 103 | + * [Tabs](https://www.syncfusion.com/products/javascript/tabs?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/tab/default.html) |
| 104 | + * [Toolbar](https://www.syncfusion.com/products/javascript/toolbar?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/toolbar/default.html) |
| 105 | + * [**TreeView**](https://www.syncfusion.com/products/javascript/treeview?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/treeview/default.html) |
| 106 | + |
| 107 | +* Buttons |
| 108 | + * [Button](https://www.syncfusion.com/products/javascript/button?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/default.html) |
| 109 | + * [Button Group](https://www.syncfusion.com/products/javascript/button-group?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/button-group.html) |
| 110 | + * [Dropdown Menu](https://www.syncfusion.com/products/javascript/dropdown-menu?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/drop-down-button.html) |
| 111 | + * [Progress Button](https://www.syncfusion.com/products/javascript/progress-button?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) (Preview) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/progress-button.html) |
| 112 | + * [Split Button](https://www.syncfusion.com/products/javascript/split-button?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/button/split-button.html) |
| 113 | + |
| 114 | +* Layout |
| 115 | + * [Avatar](https://www.syncfusion.com/products/javascript/avatar?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/avatar/default.html) |
| 116 | + * [Card](https://www.syncfusion.com/products/javascript/card?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/card/basic.html) |
| 117 | + * [Dialog](https://www.syncfusion.com/products/javascript/modal-dialog?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/dialog/default.html) |
| 118 | + * [**ListView**](https://www.syncfusion.com/products/javascript/listview?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/listview/default.html) |
| 119 | + * [Tooltip](https://www.syncfusion.com/products/javascript/tooltip?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/tooltip/default.html) |
| 120 | + |
| 121 | +* Notification |
| 122 | + * [Badge](https://www.syncfusion.com/products/javascript/badge?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/badge/default.html) |
| 123 | + * [Toast](https://www.syncfusion.com/products/javascript/toast?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) - [*Live demo*](https://ej2.syncfusion.com/demos#/material/toast/default.html) |
| 124 | + |
| 125 | +## Supported Frameworks |
| 126 | + |
| 127 | +* [Angular](https://www.syncfusion.com/products/angular?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 128 | +* [React](https://www.syncfusion.com/products/react?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 129 | +* [Vue.js](https://www.syncfusion.com/products/vue?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 130 | +* [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 131 | +* [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 132 | + |
| 133 | +## Resources |
| 134 | + |
| 135 | +* [Documentation](https://ej2.syncfusion.com/documentation/?lang=typescript) |
| 136 | +* [Theme Studio](https://ej2.syncfusion.com/themestudio/) |
| 137 | +* [Custom Resource Generator](https://crg.syncfusion.com/) |
| 138 | +* [Contact Support](https://www.syncfusion.com/support/directtrac/incidents/newincident?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 139 | +* [Forums](https://www.syncfusion.com/forums/essential-js2?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 140 | +* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 141 | +* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 142 | +* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=npm&utm_campaign=ej2-common-npm) |
| 143 | + |
| 144 | +## Showcase Applications |
| 145 | + |
| 146 | +* [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/) |
| 147 | +* [Story Estimator](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/) |
| 148 | +* [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart) |
| 149 | +* [IT Asset Management](https://ej2.syncfusion.com/showcase/vue/assetmanagement/) |
| 150 | +* [Expense Tracker](https://ej2.syncfusion.com/showcase/typescript/expensetracker/) |
| 151 | +* [Web Mail](https://ej2.syncfusion.com/showcase/typescript/webmail/) |
| 152 | +* [Loan Calculator](https://ej2.syncfusion.com/showcase/typescript/loancalculator/) |
| 153 | + |
| 154 | +## Release Notes |
| 155 | + |
| 156 | +Please refer this [link](https://ej2.syncfusion.com/documentation/release-notes/?lang=typescript) |
| 157 | + |
| 158 | +## License |
| 159 | + |
| 160 | +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). |
| 161 | + |
| 162 | +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. |
| 163 | + |
| 164 | + © Copyright 2018 Syncfusion, Inc. All Rights Reserved. |
| 165 | + The Syncfusion Essential Studio license and copyright applies to this distribution. |
| 166 | + |
0 commit comments