vue-ui-components
There are 42 repositories under vue-ui-components topic.
primefaces/primevue
Next Generation Vue UI Component Library
jd-solanki/anu
Anu - DX focused utility based vue component library built on top of UnoCSS & VueUse ⚡️🔥
ninecat-ui/ninecat-ui
A Light Vue 3.0 Web UI Framework build with JavaScript and Typescript.
mac-lisowski/zutre
UI components for Vue.js based on Spectre CSS Framework
fudiwei/x.naive-ui
一个对 Naive-UI 组件库的扩展，使 DataTable/Dropdown/Menu/Select/Tree 等组件支持插槽模板式的写法。An extension to Naive-UI component library, that enables slots and template style API for DataTable/Dropdown/Menu/Select/Tree.
selemondev/windi-ui
Build Accessible Apps 10x faster with Windi UI ⚡ ( WIP :construction: )
v-poc/vui-vc-next
Vue3 with Vite5 Playground - Mobile web UI components - (vue3+vite5).
LancerComet/Lancet
A little tiny Vue 3 UI component library.
v-poc/vui-poc
The vui-helloworld demo playground based on vui-vc-next with Vite - (vue3+vite5).
prolazydev/vue-m
A UI component library for Vue 3 😎
tomatopickle/bounce_ui_vue_docs
A Vue implementation of Bounce UI
ok365/vue-ui-components-lib
vue.js UI components, libraries, element-ui, vant-ui...
GaoNeng-wWw/mirai-ui
A Modern Ui Component
SyncfusionExamples/Explore-form-support-in-the-Vue-File-Uploader-component
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.
SyncfusionExamples/Explore-Node-Types-in-the-Vue-Diagram-Component
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.
SyncfusionExamples/Getting-Started-with-the-Vue-Diagram-Component
A quick-start Vue project that shows how to add a Syncfusion Vue Diagram component to a Vue project. It includes code snippets to create nodes and connectors, join the nodes using connectors, and add segments and annotations to the connectors.
SyncfusionExamples/Getting-Started-with-the-Vue-File-Upload-Component
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.
SyncfusionExamples/Getting-Started-with-the-Vue-Query-Builder-Component
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.
SyncfusionExamples/Handle-Files-Securely-in-Vue-File-Upload-Using-JWT-Authentication
A quick-start Vue project that shows how to handle uploaded files securely using JSON Web Tokens (JWT) in the Syncfusion Vue File Upload component. This project contains code to add JWTs along with request headers while uploading and removing files. Both client and server-side code are explained in this sample.
SyncfusionExamples/How-to-Add-and-Customize-Annotations-in-Nodes-and-Connectors-in-Vue-Diagram
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.
SyncfusionExamples/How-to-Add-and-Customize-Connectors-in-the-Vue-Diagram-Component
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.
SyncfusionExamples/How-to-Add-the-Symbol-Palette-to-a-Vue-Diagram-Component
A quick-start Vue project that shows how to add and customize the symbol palette in the Syncfusion Vue Diagram component. This project also includes code snippets for restricting the symbol palette's panel, customizing its symbol size, and customizing the symbol preview size.
SyncfusionExamples/How-to-Bind-Complex-Data-in-Vue-Query-Builder
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.
SyncfusionExamples/How-to-Create-a-Mind-Map-Using-the-Vue-Diagram
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.
SyncfusionExamples/How-to-Create-an-Organization-Chart-Using-Vue-Diagram
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.
SyncfusionExamples/How-to-Create-and-Customize-Nodes-in-the-Vue-Diagram-Component
A quick start Vue project that shows how to create a node and customize it in the Syncfusion Vue Diagram Component. This project includes code snippets to create a node programmatically and use the drawing tool.
SyncfusionExamples/How-to-Create-and-Customize-Ports-in-the-Vue-Diagram-Component
A quick start Vue project that shows how to create and customize port nodes programmatically and dynamically in the Syncfusion Vue Diagram component. This project includes code snippets for adding multiple ports, customizing them dynamically, and connecting nodes using ports.
SyncfusionExamples/How-to-Customize-and-Interact-with-Vue-Query-Builder-UI
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.
SyncfusionExamples/How-to-Customize-the-Drop-Area-and-File-List-in-the-Vue-File-Upload
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.
SyncfusionExamples/How-to-Customize-the-Vue-Diagram-and-Its-Elements
A quick start Vue project that shows how to customize the canvas page in the Vue Diagram component. This project includes code snippets for displaying page breaks and multiple pages in the canvas. It also includes code snippets for customizing the appearance of nodes and connectors and bridging connectors.
SyncfusionExamples/How-to-Group-Nodes-and-Connectors-in-the-Vue-Diagram-Component
A quick start Vue project that shows how to group nodes and connectors in the Vue Diagram component. This project includes code snippets to create and update groups dynamically. It also includes code snippets to add annotations to a group and create a nested group.
SyncfusionExamples/How-to-Perform-Interactions-in-the-Vue-Diagram-Component
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.
SyncfusionExamples/How-to-Preview-Uploaded-Files-with-Vue-File-Upload-and-an-Image-Element
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.
SyncfusionExamples/How-to-Save-and-Export-a-Vue-Diagram
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.
SyncfusionExamples/How-to-Upload-Files-Asynchronously-in-the-Vue-File-Upload-Component
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.
SyncfusionExamples/Importing-and-Exporting-Rules-in-the-Vue-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.