# Vue component gallery — agent index Source: https://ai.syncfusion.com/gallery/vue/llms.txt Entry-point: https://ai.syncfusion.com/llms.txt Vue Registry-index: https://ai.syncfusion.com/r/vue/registry.json Essential-Studio-release: 2026 Volume 2 (v34.1.29) Framework: vue Items: 50 License-posture: These recipes are free, anonymous and require no key. The Syncfusion packages they install are licensed. See https://ai.syncfusion.com/licensing.md > Curated component variants, each with a permanent name, a complete unelided source file, an exact > install line, packages, and a machine-addressable twin at a deterministic URL. Fetch > the registry JSON for a name and you have everything needed to produce working code in one request. > > This gallery is deliberately small. Syncfusion's Vue surface is large enough that publishing a > variant for every component and feature combination would produce retrieval noise, not coverage. > The variants here map to real jobs. For anything not listed, use the skill pack — see syncfusion/vue-ui-components-skills. ## The contract One name resolves everywhere: ``` name registry JSON https://ai.syncfusion.com/r/vue/component-variant.json machine twin https://ai.syncfusion.com/gallery/vue/component-variant.md ``` The naming rule is `{component}-{variant}`, kebab-case, permanent. A name that exists on one surface and not another is a defect, not a gap. ## How to use this as an agent Fastest path, one fetch, no tooling: ``` GET https://ai.syncfusion.com/r/vue/component-variant.json ``` The response inlines the complete file content, the exact dependency list, and the license and verification metadata. You do not need a second request. That is the path an agent should take. Source is inlined, dependencies, and no tooling, account or key is involved. The registry is static, anonymous and CORS-open. If you receive a 401 from anything under `/r//`, that is a misconfiguration on Syncfusion's side — report it rather than working around it. Items follow the widely-used `registry-item` shape, so third-party tooling can consume them. ## Items | Name | Job | Component | | --- | --- | --- | | `chart-bar` | Bar chart compares smartphone brand sales across years with a vertical series. | Chart | | `chart-line` | Line chart compares annual crude steel production by country across recent years. | Chart | | `chart-live-stock-data` | Chart streams changing AAPL stock prices with a live-updating candle series. | Chart | | `chart-stacked-column` | Stacked column chart compares global cotton production by country across years. | Chart | | `chart-zooming` | Chart explores dense data using date-time zooming, a scrollbar, and tooltip. | Chart | | `diagram-bpmn-editor` | BPMN editor with a symbol palette, drag-drop shapes, and a context menu. | Diagram | | `diagram-local-data` | Diagram renders a species hierarchy from local data using a tree layout. | Diagram | | `diagram-mind-map` | Mind-map diagram with custom user handles to add, branch, and delete nodes. | Diagram | | `diagram-organization-chart` | Organization chart arranges local employee data in a horizontal hierarchy. | Diagram | | `diagram-shapes` | Diagram gallery displays Basic, Flow, and BPMN shape collections for selection. | Diagram | | `docx-editor-auto-save` | Word editor that saves the document as a docx blob periodically after edits. | DocxEditor | | `docx-editor-comments` | Word editor demonstrates threaded comments and at-mention support in the document. | DocxEditor | | `docx-editor-default` | Word editor provides document editing with switchable Ribbon or toolbar layouts. | DocxEditor | | `docx-editor-document-protection` | Word document editor with restrict-editing protection and an editing envelope. | DocxEditor | | `docx-editor-mail-merge` | Word document editor with mail-merge fields, insert-field dialog, and merge toolbar. | DocxEditor | | `file-manager-access-control` | File manager applies role-based permissions to restrict files and available operations. | FileManager | | `file-manager-azure-blob-provider` | File manager connects to Azure Blob storage as its file backend service. | FileManager | | `file-manager-drag-and-drop` | File manager with drag-and-drop moves, context menu, and details view enabled. | FileManager | | `file-manager-file-upload` | File manager launched from an uploader dialog to pick files for a form submit. | FileManager | | `file-manager-overview` | File manager overview combines toolbar, context menu, navigation, and details pane. | FileManager | | `gantt-default` | Gantt chart displays project tasks with dependencies, baselines, and predecessors. | Gantt | | `gantt-default-editing` | Gantt chart supports task editing, dependencies, custom dialog fields, and task markers. | Gantt | | `gantt-exporting` | Gantt chart with toolbar buttons that export the chart as an Excel or PDF document. | Gantt | | `gantt-holidays` | Gantt timeline marks holidays and excludes them from working-day task calculations. | Gantt | | `gantt-resource-view` | Gantt chart with resource rows and resource-unit allocations on parent tasks. | Gantt | | `grid-default` | Data grid presents records with paging, sorting, filtering, and inline editing. | Grid | | `grid-default-filtering` | Data grid filters records with a category dropdown and a filterbar-operator toggle. | Grid | | `grid-grouping` | Data grid organizes records into expandable grouped sections with column drag. | Grid | | `grid-inline-editing` | Data grid edits records inline with a configurable new-row position dropdown. | Grid | | `grid-virtual-scrolling` | Data grid handles large datasets efficiently with row and column virtualization. | Grid | | `pdf-viewer-annotations` | PDF viewer pre-populated with highlight and underline annotations on page one. | PdfViewer | | `pdf-viewer-default` | PDF viewer with toolbar, search, annotation, thumbnails, bookmarks, and print tools. | PdfViewer | | `pdf-viewer-form-filling` | PDF viewer validates required form fields before allowing the document to be submitted. | PdfViewer | | `pdf-viewer-multi-format-viewer` | PDF viewer opens multi-format uploads via a drop area with a progress bar. | PdfViewer | | `pdf-viewer-organize-pages` | PDF viewer organizes pages by reordering, rotating, and deleting them in a side panel. | PdfViewer | | `rich-text-editor-auto-save` | Rich text editor persists the draft automatically while the user edits its content. | RichTextEditor | | `rich-text-editor-default` | Rich text editor with toolbar, image, link, table, video, and paste cleanup tools. | RichTextEditor | | `rich-text-editor-file-browser` | Rich text editor opens a file browser and inserts selected files as inline images. | RichTextEditor | | `rich-text-editor-mention` | Rich text editor with at-mention dropdown that inserts users from a suggestion list. | RichTextEditor | | `rich-text-editor-paste-from-ms-word` | Rich text editor with paste-from-Word cleanup rules and a format-prompt dropdown. | RichTextEditor | | `scheduler-default` | Scheduler with day, week, work week, month, agenda, resizing, and drag-and-drop events. | Scheduler | | `scheduler-external-drag-and-drop` | Scheduler accepts drag-and-drop from an external tree view into its time slots. | Scheduler | | `scheduler-recurring-events` | Scheduler displays recurring appointments configured with RFC5545 recurrence rules. | Scheduler | | `scheduler-sync-google-calendar` | Scheduler pulls events from Google Calendar through a Web-API adaptor and key. | Scheduler | | `scheduler-timeline-grouping` | Scheduler uses a timeline view with multi-level resource grouping by project. | Scheduler | | `spreadsheet-editor-conditional-formatting` | Spreadsheet editor with conditional formatting rules applied to data ranges. | SpreadsheetEditor | | `spreadsheet-editor-default` | Spreadsheet editor with sheets, ranges, formulas, cell styles, and named ranges. | SpreadsheetEditor | | `spreadsheet-editor-formula` | Spreadsheet editor with formulas, named ranges, computed profit, and summary rows. | SpreadsheetEditor | | `spreadsheet-editor-freeze-pane` | Spreadsheet editor freezes header rows and columns while scrolling large sheets. | SpreadsheetEditor | | `spreadsheet-editor-protection` | Spreadsheet editor protects sheets and ranges with configurable edit permissions. | SpreadsheetEditor | ## What the gallery is not - It is not the API reference. For a property you cannot find here, use the skill pack or the documentation: https://ej2.syncfusion.com/vue/documentation/introduction - It is not a substitute for the skill pack. The gallery gives you a working starting point; the skill carries the failure taxonomy for everything you build after that. - It is not copy-paste source you own outright. The composition in each file is yours to edit. The Syncfusion package it imports is a licensed dependency. Both facts are in every registry item's `meta.licenseNote`.