Next Generation Vue UI Component Library

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 UI component library for Vue 3 😎

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

ZenUI component library designed for Vue.js. The library is optimized for performance, easy to integrate, and requires no dependencies.

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 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 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.

A quick start Vue project that shows how to add connectors in the Syncfusion Vue Diagram component. This project includes code snippets for adding a connector both programmatically and using the drawing tool. It also includes code snippets for adding different types of connectors and decorator shapes.

A quick start Vue project that shows how to create a Vue application and add the Syncfusion Vue Badge component to it. It includes a code snippet for different shapes and types of badges. It also includes a code snippet for integrating the Badge with the other UI components.

A quick-start Vue project that shows how to display a preview of uploaded image files in the Syncfusion Vue File Upload component. This project contains code to customize the file drop area and file list to show the image preview using an image element. It also contains code to create custom upload and remove buttons for handling images.

A quick start Vue project that shows how to add annotations to nodes and connectors in the Syncfusion Vue Diagram component. This project includes code snippets to add an annotation programmatically and showing customization options like horizontal alignment, vertical alignment, offset, text wrapping, font styles, and hyperlinks.

🚀 A sample ui-framework base on Vue3

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 create and configure the Syncfusion Vue File Upload component. This project contains code to configure a few of its basic features, like uploading multiple files, uploading a single file, and validation during file upload. It also shows how to upload files asynchronously.

A quick start Vue project that shows the node types available in the Vue Diagram component. This project includes code snippets for rendering basic, flow, text, image, HTML, UML, BPMN, path, and native or SVG node types.

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.