Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/syncfusion/ej2-vue-ui-components
Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.
https://github.com/syncfusion/ej2-vue-ui-components
accessibility bootstrap-theme charting-library component-library data-grid diagram-generator diagramming event-calendar form-components gantt-chart meterial-design office-ui-fabric pivot-tables scheduler tree-grid ui-components vue vuejs word-processor
Last synced: 6 days ago
JSON representation
Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.
- Host: GitHub
- URL: https://github.com/syncfusion/ej2-vue-ui-components
- Owner: syncfusion
- License: other
- Created: 2018-10-31T06:16:56.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-01-21T02:17:35.000Z (17 days ago)
- Last Synced: 2025-01-25T06:01:40.206Z (13 days ago)
- Topics: accessibility, bootstrap-theme, charting-library, component-library, data-grid, diagram-generator, diagramming, event-calendar, form-components, gantt-chart, meterial-design, office-ui-fabric, pivot-tables, scheduler, tree-grid, ui-components, vue, vuejs, word-processor
- Language: TypeScript
- Homepage: https://www.syncfusion.com/vue-ui-components
- Size: 53 MB
- Stars: 297
- Watchers: 32
- Forks: 64
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
# Syncfusion Vue UI Components Library (Essential JS 2)
Syncfusion Vue 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/vue/documentation/getting-started/vue-cli?utm_source=npm&utm_campaign=ej2-vue-ui-components)
* [View Online Demos](https://ej2.syncfusion.com/vue/demos?utm_source=npm&utm_campaign=ej2-vue-ui-components)
* [Product Page](https://www.syncfusion.com/vue-ui-components?utm_source=npm&utm_campaign=ej2-vue-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
![]()
![]()
Source
Live demo
Documentation
Pivot Table
![]()
![]()
Source
Live demo
Documentation
Spreadsheet
![]()
![]()
Source
Live demo
Documentation
Tree Grid
![]()
![]()
Source
Live demo
Documentation
### Editors
In-place Editor
![]()
![]()
Source
Live demo
Documentation
Rich Text Editor
![]()
![]()
Source
Live demo
Documentation
Word Processor
![]()
![]()
Source
Live demo
Documentation
### Dropdowns
AutoComplete
![]()
![]()
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
![]()
![]()
Source
Live demo
Documentation
Radio Button
Source
Live demo
Documentation
Toggle Switch Button
Source
Live demo
Documentation
Color Picker
![]()
![]()
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
![]()
![]()
Source
Live demo
Documentation
Circular Gauge
![]()
![]()
Source
Live demo
Documentation
Diagram
![]()
![]()
Source
Live demo
Documentation
HeatMap Chart
![]()
![]()
Source
Live demo
Documentation
Kanban
![]()
![]()
Source
Live demo
Documentation
Linear Gauge
![]()
![]()
Source
Live demo
Documentation
Maps
![]()
![]()
Source
Live demo
Documentation
TreeMap
![]()
![]()
Source
Live demo
Documentation
Bullet Chart
![]()
![]()
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
![]()
![]()
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
![]()
![]()
Source
Live demo
Documentation
Scheduler
![]()
![]()
Source
Live demo
Documentation
### Navigation
Accordion
![]()
![]()
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
![]()
![]()
Source
Live demo
Documentation
### Buttons
Button
![]()
![]()
Source
Live demo
Documentation
Chips
Source
Live demo
Documentation
Button Group
![]()
![]()
Source
Live demo
Documentation
Dropdown Menu
Source
Live demo
Documentation
Progress Button
Source
Live demo
Documentation
Split Button
Source
Live demo
Documentation
### Layout
Avatar
![]()
![]()
Styles
Live demo
Documentation
Card
Styles
Live demo
Documentation
Dashboard Layout
Source
Live demo
Documentation
Splitter
Source
Live demo
Documentation
Dialog
![]()
![]()
Source
Live demo
Documentation
Tooltip
Source
Live demo
Documentation
ListView
![]()
![]()
Source
Live demo
Documentation
### Notification
Badge
![]()
![]()
Styles
Live demo
Documentation
Toast
Source
Live demo
Documentation
Progress Bar
![]()
![]()
Source
Live demo
Documentation
### Forms
Query Builder UI
![]()
![]()
Source
Live demo
Documentation
### Viewer
PDF Viewer
![]()
![]()
Source
Live demo
Documentation
## Supported Frameworks
The 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-vue-ui-components)
* [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=npm&utm_campaign=ej2-vue-ui-components)
* [React](https://www.syncfusion.com/react-ui-components?utm_source=npm&utm_campaign=ej2-vue-ui-components)
* [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_campaign=ej2-vue-ui-components)
* [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_campaign=ej2-vue-ui-components)
## Showcase Applications
* [IT Asset Management](https://ej2.syncfusion.com/showcase/vue/assetmanagement?utm_source=npm&utm_campaign=ej2-vue-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-vue-ui-components) support system or [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_campaign=ej2-vue-ui-components).
* New [GitHub issue](https://github.com/syncfusion/ej2-vue-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-vue-ui-components/blob/master/license).
## Changelog
Check the changelog [here](https://ej2.syncfusion.com/vue/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-vue-ui-components)
© Copyright 2022 Syncfusion, Inc. All Rights Reserved.
The Syncfusion Essential Studio license and copyright applies to this distribution.