Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/syncfusion/ej2-angular-ui-components

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
https://github.com/syncfusion/ej2-angular-ui-components

accessibility angular angular-components angular-material angular-ui angular7 bootstrap charts data-grid data-visualization diagram-generator diagramming form-controls material-design office-ui-fabric pivot-tables scheduler stock-chart ui-components word-processor

Last synced: 8 days ago
JSON representation

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

Awesome Lists containing this project

README

        

# Syncfusion Angular UI Components Library (Essential JS 2)
Syncfusion Angular UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 70+ UI components that every applications will ever need.
> 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.
## Resources
* [Getting Started](https://ej2.syncfusion.com/angular/documentation/getting-started/angular-cli?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [View Online Demos](https://ej2.syncfusion.com/angular/demos?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Product Page](https://www.syncfusion.com/angular-ui-components?utm_source=npm&utm_campaign=ej2-angular-ui-components)
## Framework highlights
### Lightweight and user friendly
The entire library 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.
### Modular architecture
All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application.
### Built for performance
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.
### Responsive and touch friendly
All the components are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops.
### Stunning built-in themes
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.
### Globalization simplified
Easily build applications to be used by a global audience in various language and culture settings.
### Stay current
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.

## Control List

### Grids



Data Grid


npm package @syncfusion/ej2-angular-grids      code coverage of @syncfusion/ej2-angular-grids


Source


Live demo


Documentation




Pivot Table


npm package @syncfusion/ej2-angular-pivotview      code coverage of @syncfusion/ej2-angular-pivotview


Source


Live demo


Documentation




Spreadsheet


npm package @syncfusion/ej2-angular-spreadsheet      code coverage of @syncfusion/ej2-angular-spreadsheet


Source


Live demo


Documentation




Tree Grid


npm package @syncfusion/ej2-angular-treegrid      code coverage of @syncfusion/ej2-angular-treegrid


Source


Live demo


Documentation

### Editors



In-place Editor


npm package @syncfusion/ej2-angular-inplace-editor      code coverage of @syncfusion/ej2-angular-inplace-editor


Source


Live demo


Documentation




Rich Text Editor


npm package @syncfusion/ej2-angular-richtexteditor      code coverage of @syncfusion/ej2-angular-richtexteditor


Source


Live demo


Documentation




Word Processor


npm package @syncfusion/ej2-angular-documenteditor      code coverage of @syncfusion/ej2-angular-documenteditor


Source


Live demo


Documentation

### Dropdowns



AutoComplete


npm package @syncfusion/ej2-angular-dropdowns      code coverage of @syncfusion/ej2-angular-dropdowns


Source


Live demo


Documentation




ComboBox


Source


Live demo


Documentation




Dropdown List


Source


Live demo


Documentation




Dropdown Tree


Source


Live demo


Documentation




List Box


Source


Live demo


Documentation




MultiSelect Dropdown


Source


Live demo


Documentation

### Inputs



Checkbox


npm package @syncfusion/ej2-angular-buttons      code coverage of @syncfusion/ej2-angular-buttons


Source


Live demo


Documentation




Radio Button


Source


Live demo


Documentation




Toggle Switch Button


Source


Live demo


Documentation




Color Picker


npm package @syncfusion/ej2-angular-inputs      code coverage of @syncfusion/ej2-angular-inputs


Source


Live demo


Documentation




File Upload


Source


Live demo


Documentation




Input Mask


Source


Live demo


Documentation




Numeric Textbox


Source


Live demo


Documentation




Range Slider


Source


Live demo


Documentation




TextBox


Source


Live demo


Documentation




Signature


Source


Live demo


Documentation

### Data Visualization



Barcode Generator


npm package @syncfusion/ej2-angular-barcode-generator      code coverage of @syncfusion/ej2-angular-barcode-generator


Source


Live demo


Documentation




Circular Gauge


npm package @syncfusion/ej2-angular-circulargauge      code coverage of @syncfusion/ej2-angular-circulargauge


Source


Live demo


Documentation




Diagram


npm package @syncfusion/ej2-angular-diagrams      code coverage of @syncfusion/ej2-angular-diagrams


Source


Live demo


Documentation




HeatMap Chart


npm package @syncfusion/ej2-angular-heatmap      code coverage of @syncfusion/ej2-angular-heatmap


Source


Live demo


Documentation




Kanban


npm package @syncfusion/ej2-angular-kanban      code coverage of @syncfusion/ej2-angular-kanban


Source


Live demo


Documentation




Linear Gauge


npm package @syncfusion/ej2-angular-lineargauge      code coverage of @syncfusion/ej2-angular-lineargauge


Source


Live demo


Documentation




Maps


npm package @syncfusion/ej2-angular-maps      code coverage of @syncfusion/ej2-angular-maps


Source


Live demo


Documentation




TreeMap


npm package @syncfusion/ej2-angular-treemap      code coverage of @syncfusion/ej2-angular-treemap


Source


Live demo


Documentation




Bullet Chart


npm package @syncfusion/ej2-angular-charts      code coverage of @syncfusion/ej2-angular-charts


Source


Live demo


Documentation




Charts


Source


Live demo


Documentation




Range Selector


Source


Live demo


Documentation




Smith Chart


Source


Live demo


Documentation




Sparkline Charts


Source


Live demo


Documentation




Stock Chart


Source


Live demo


Documentation

### Calendars



Calendar


npm package @syncfusion/ej2-angular-calendars      code coverage of @syncfusion/ej2-angular-calendars


Source


Live demo


Documentation




DatePicker


Source


Live demo


Documentation




DateRangePicker


Source


Live demo


Documentation




DateTime Picker


Source


Live demo


Documentation




TimePicker


Source


Live demo


Documentation




Gantt Chart


npm package @syncfusion/ej2-angular-gantt      code coverage of @syncfusion/ej2-angular-gantt


Source


Live demo


Documentation




Scheduler


npm package @syncfusion/ej2-angular-schedule      code coverage of @syncfusion/ej2-angular-schedule


Source


Live demo


Documentation

### Navigation



Accordion


npm package @syncfusion/ej2-angular-navigations      code coverage of @syncfusion/ej2-angular-navigations


Source


Live demo


Documentation




Breadcrumb


Source


Live demo


Documentation




Carousel


Source


Live demo


Documentation




Context Menu


Source


Live demo


Documentation




Menu Bar


Source


Live demo


Documentation




Sidebar


Source


Live demo


Documentation




Tabs


Source


Live demo


Documentation




Toolbar


Source


Live demo


Documentation




TreeView


Source


Live demo


Documentation




File Manager


npm package @syncfusion/ej2-angular-filemanager      code coverage of @syncfusion/ej2-angular-filemanager


Source


Live demo


Documentation

### Buttons



Button


npm package @syncfusion/ej2-angular-buttons      code coverage of @syncfusion/ej2-angular-buttons


Source


Live demo


Documentation




Chips


Source


Live demo


Documentation




Button Group


npm package @syncfusion/ej2-angular-splitbuttons      code coverage of @syncfusion/ej2-angular-splitbuttons


Source


Live demo


Documentation




Dropdown Menu


Source


Live demo


Documentation




Progress Button


Source


Live demo


Documentation




Split Button


Source


Live demo


Documentation

### Layout



Avatar


npm package @syncfusion/ej2-angular-layouts      code coverage of @syncfusion/ej2-angular-layouts


Styles


Live demo


Documentation




Card


Styles


Live demo


Documentation




Dashboard Layout


Source


Live demo


Documentation




Splitter


Source


Live demo


Documentation




Dialog


npm package @syncfusion/ej2-angular-popups      code coverage of @syncfusion/ej2-angular-popups


Source


Live demo


Documentation




Tooltip


Source


Live demo


Documentation




ListView


npm package @syncfusion/ej2-angular-lists      code coverage of @syncfusion/ej2-angular-lists


Source


Live demo


Documentation

### Notification



Badge


npm package @syncfusion/ej2-angular-notifications      code coverage of @syncfusion/ej2-angular-notifications


Styles


Live demo


Documentation




Toast


Source


Live demo


Documentation




Progress Bar


npm package @syncfusion/ej2-angular-progressbar      code coverage of @syncfusion/ej2-angular-progressbar


Source


Live demo


Documentation

### Forms



Query Builder UI


npm package @syncfusion/ej2-angular-querybuilder      code coverage of @syncfusion/ej2-angular-querybuilder


Source


Live demo


Documentation

### Viewer



PDF Viewer


npm package @syncfusion/ej2-angular-pdfviewer      code coverage of @syncfusion/ej2-angular-pdfviewer


Source


Live demo


Documentation


## Supported Frameworks
The Syncfusion Essential JS 2 is also offered in following list of frameworks.
* [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [React](https://www.syncfusion.com/react-ui-components?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Vue.js](https://www.syncfusion.com/vue-ui-components?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_campaign=ej2-angular-ui-components)
## Showcase Applications
* [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Expense Tracker](https://ej2.syncfusion.com/showcase/angular/expensetracker?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Loan Calculator](https://ej2.syncfusion.com/showcase/angular/loancalculator?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart?utm_source=npm&utm_campaign=ej2-angular-ui-components)
* [Web Mail](https://ej2.syncfusion.com/showcase/angular/webmail?utm_source=npm&utm_campaign=ej2-angular-ui-components)
## Support
Product support is available for through following mediums.
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-angular-ui-components) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=ej2-angular-ui-components).
* New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
* Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `ej2`.
## License
Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license).
## Changelog
Check the changelog [here](https://ej2.syncfusion.com/angular/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-angular-ui-components)
© Copyright 2022 Syncfusion, Inc. All Rights Reserved.
The Syncfusion Essential Studio license and copyright applies to this distribution.