Next Generation Vue UI Component Library

A modern collection of Vue 3 color pickers – fast, accessible, and easy to use. 👉 https://linx4200.github.io/vue-color/

A Light Vue 3.0 Web UI Framework build with JavaScript and Typescript.

UI components for Vue.js based on Spectre CSS Framework

Vue3 with Vite6 Playground - Mobile web UI components - (vue3+vite6).

The vui-helloworld demo playground based on vui-vc-next with Vite - (vue3+vite5).

A 3D chart library for Vue 3, built with TresJS for modern and interactive data visualization.

A quick start Vue project that shows how to interact with and customize the views in the Syncfusion Vue Query Builder component. This project contains simple code to lock, clone, and drag-and-drop groups and rules; set the maximum group count; and set rule validations.

A UI component library for Vue 3 😎

A quick start Vue project that shows how to bind complex data in the Syncfusion Vue Query Builder component. This project contains simple code to bind complex data using nested columns and directly connect the complex data source to the component.

A quick-start Vue project that shows how to create an organization chart using the Syncfusion Vue Diagram component. This project also includes code snippets for binding JSON data and a remote data source and customizing the nodes and connectors in the diagram.

A quick-start Vue project that shows how to use the Syncfusion Vue File Upload component in an HTML form to upload files to a server. This project contains code to add the uploader component and upload a file to the server along with form data.

Vue3 tabs content i18n translation example

A quick start Vue project that shows how to perform interactions in the Vue Diagram component. This project includes code snippets for interactions like selection, dragging, resizing, rotating nodes, editing texts, deletion of nodes and connectors, and how to restrict interactions. It also shows how to perform zooming, and undo-redo operations.

A quick start Vue project that shows how to save and export the Vue Diagram component. This project includes code snippets for saving and loading the Diagram as a JSON string and file stream. It also includes a code snippet to export the Diagram in PNG format.

A quick-start Vue project that shows how to customize the drop area and file list in the Syncfusion Vue File Upload component. This project contains code to customize the file drop area using an anchor element, add a custom file list template with upload progress, success, and failure statuses.

A quick start project that shows how to create and configure the Syncfusion Vue Query Builder component in a Vue project. This project contains simple code to bind a data source, customize the columns, add rules at initial load, filter Data Grid records using the Query Builder.

A Vue quick start project that shows how to import and export rules in the Syncfusion Vue Query Builder component. This project contains simple code to export rules to JSON and SQL. The code includes Inline, Parameter, and Named Parameters SQL query handling.

A quick-start Vue project that shows how to upload files asynchronously to the server using the Syncfusion Vue File Upload component. This project contains code to configure a few of the components features sequential upload, chunk upload, disable auto upload, preload files in the upload list and upload all files within a directory.

A quick start Vue project that shows how to create a mind map layout using the Syncfusion Vue Diagram component. This project includes code snippets for customizing the nodes and connectors in the layout and changing its orientation, align the layout using horizontal and vertical spacing and to add expand and collapse icons.