{
  "$schema": "https://ai.syncfusion.com/schema/registry.json",
  "name": "syncfusion",
  "framework": "Vue",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "itemCount": 50,
    "namespaceRule": "{component}-{variant}, kebab-case, permanent.",
    "agentPath": "Fetch https://ai.syncfusion.com/r/vue/<template name>.json directly. Source is inlined, so one request is sufficient.",
    "schemaNote": "Items follow the widely-used registry-item shape so third-party tooling can consume them.",
    "licenseNote": "Recipes are free and anonymous. The Syncfusion packages they install are licensed. See https://ai.syncfusion.com/licensing.md",
    "agentEntryPoint": "https://ai.syncfusion.com/llms.txt"
  },
  "items": [
    {
      "name": "chart-bar",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-vue-charts"],
      "description": "Bar chart compares smartphone brand sales across years with a vertical series.",
      "url": "https://ai.syncfusion.com/r/vue/chart-bar.json"
    },
    {
      "name": "chart-line",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-vue-charts"],
      "description": "Line chart compares annual crude steel production by country across recent years.",
      "url": "https://ai.syncfusion.com/r/vue/chart-line.json"
    },
    {
      "name": "chart-live-stock-data",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-vue-charts"],
      "description": "Chart streams changing AAPL stock prices with a live-updating candle series.",
      "url": "https://ai.syncfusion.com/r/vue/chart-live-stock-data.json"
    },
    {
      "name": "chart-stacked-column",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-vue-charts"],
      "description": "Stacked column chart compares global cotton production by country across years.",
      "url": "https://ai.syncfusion.com/r/vue/chart-stacked-column.json"
    },
    {
      "name": "chart-zooming",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-vue-charts"],
      "description": "Chart explores dense data using date-time zooming, a scrollbar, and tooltip.",
      "url": "https://ai.syncfusion.com/r/vue/chart-zooming.json"
    },
    {
      "name": "diagram-bpmn-editor",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-vue-diagrams"],
      "description": "BPMN editor with a symbol palette, drag-drop shapes, and a context menu.",
      "url": "https://ai.syncfusion.com/r/vue/diagram-bpmn-editor.json"
    },
    {
      "name": "diagram-local-data",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-vue-diagrams"],
      "description": "Diagram renders a species hierarchy from local data using a tree layout.",
      "url": "https://ai.syncfusion.com/r/vue/diagram-local-data.json"
    },
    {
      "name": "diagram-mind-map",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-data", "@syncfusion/ej2-vue-diagrams"],
      "description": "Mind-map diagram with custom user handles to add, branch, and delete nodes.",
      "url": "https://ai.syncfusion.com/r/vue/diagram-mind-map.json"
    },
    {
      "name": "diagram-organization-chart",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-data", "@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-diagrams", "@syncfusion/ej2-vue-inputs"],
      "description": "Organization chart arranges local employee data in a horizontal hierarchy.",
      "url": "https://ai.syncfusion.com/r/vue/diagram-organization-chart.json"
    },
    {
      "name": "diagram-shapes",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-vue-diagrams"],
      "description": "Diagram gallery displays Basic, Flow, and BPMN shape collections for selection.",
      "url": "https://ai.syncfusion.com/r/vue/diagram-shapes.json"
    },
    {
      "name": "docx-editor-auto-save",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-documenteditor", "@syncfusion/ej2-vue-splitbuttons"],
      "description": "Word editor that saves the document as a docx blob periodically after edits.",
      "url": "https://ai.syncfusion.com/r/vue/docx-editor-auto-save.json"
    },
    {
      "name": "docx-editor-comments",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-documenteditor", "@syncfusion/ej2-vue-splitbuttons"],
      "description": "Word editor demonstrates threaded comments and at-mention support in the document.",
      "url": "https://ai.syncfusion.com/r/vue/docx-editor-comments.json"
    },
    {
      "name": "docx-editor-default",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-documenteditor", "@syncfusion/ej2-vue-splitbuttons"],
      "description": "Word editor provides document editing with switchable Ribbon or toolbar layouts.",
      "url": "https://ai.syncfusion.com/r/vue/docx-editor-default.json"
    },
    {
      "name": "docx-editor-document-protection",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-documenteditor", "@syncfusion/ej2-vue-dropdowns", "@syncfusion/ej2-vue-inputs", "@syncfusion/ej2-vue-splitbuttons"],
      "description": "Word document editor with restrict-editing protection and an editing envelope.",
      "url": "https://ai.syncfusion.com/r/vue/docx-editor-document-protection.json"
    },
    {
      "name": "docx-editor-mail-merge",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-documenteditor", "@syncfusion/ej2-vue-lists", "@syncfusion/ej2-vue-popups", "@syncfusion/ej2-vue-splitbuttons"],
      "description": "Word document editor with mail-merge fields, insert-field dialog, and merge toolbar.",
      "url": "https://ai.syncfusion.com/r/vue/docx-editor-mail-merge.json"
    },
    {
      "name": "file-manager-access-control",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-vue-filemanager"],
      "description": "File manager applies role-based permissions to restrict files and available operations.",
      "url": "https://ai.syncfusion.com/r/vue/file-manager-access-control.json"
    },
    {
      "name": "file-manager-azure-blob-provider",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-vue-filemanager"],
      "description": "File manager connects to Azure Blob storage as its file backend service.",
      "url": "https://ai.syncfusion.com/r/vue/file-manager-azure-blob-provider.json"
    },
    {
      "name": "file-manager-drag-and-drop",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-vue-filemanager"],
      "description": "File manager with drag-and-drop moves, context menu, and details view enabled.",
      "url": "https://ai.syncfusion.com/r/vue/file-manager-drag-and-drop.json"
    },
    {
      "name": "file-manager-file-upload",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-filemanager", "@syncfusion/ej2-vue-inputs", "@syncfusion/ej2-vue-popups"],
      "description": "File manager launched from an uploader dialog to pick files for a form submit.",
      "url": "https://ai.syncfusion.com/r/vue/file-manager-file-upload.json"
    },
    {
      "name": "file-manager-overview",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-vue-filemanager"],
      "description": "File manager overview combines toolbar, context menu, navigation, and details pane.",
      "url": "https://ai.syncfusion.com/r/vue/file-manager-overview.json"
    },
    {
      "name": "gantt-default",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-vue-gantt", "@syncfusion/ej2-vue-grids"],
      "description": "Gantt chart displays project tasks with dependencies, baselines, and predecessors.",
      "url": "https://ai.syncfusion.com/r/vue/gantt-default.json"
    },
    {
      "name": "gantt-default-editing",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-vue-gantt"],
      "description": "Gantt chart supports task editing, dependencies, custom dialog fields, and task markers.",
      "url": "https://ai.syncfusion.com/r/vue/gantt-default-editing.json"
    },
    {
      "name": "gantt-exporting",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-vue-gantt"],
      "description": "Gantt chart with toolbar buttons that export the chart as an Excel or PDF document.",
      "url": "https://ai.syncfusion.com/r/vue/gantt-exporting.json"
    },
    {
      "name": "gantt-holidays",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-vue-gantt"],
      "description": "Gantt timeline marks holidays and excludes them from working-day task calculations.",
      "url": "https://ai.syncfusion.com/r/vue/gantt-holidays.json"
    },
    {
      "name": "gantt-resource-view",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-vue-gantt"],
      "description": "Gantt chart with resource rows and resource-unit allocations on parent tasks.",
      "url": "https://ai.syncfusion.com/r/vue/gantt-resource-view.json"
    },
    {
      "name": "grid-default",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-vue-grids"],
      "description": "Data grid presents records with paging, sorting, filtering, and inline editing.",
      "url": "https://ai.syncfusion.com/r/vue/grid-default.json"
    },
    {
      "name": "grid-default-filtering",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-dropdowns", "@syncfusion/ej2-vue-grids"],
      "description": "Data grid filters records with a category dropdown and a filterbar-operator toggle.",
      "url": "https://ai.syncfusion.com/r/vue/grid-default-filtering.json"
    },
    {
      "name": "grid-grouping",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-vue-grids", "@syncfusion/ej2-vue-popups"],
      "description": "Data grid organizes records into expandable grouped sections with column drag.",
      "url": "https://ai.syncfusion.com/r/vue/grid-grouping.json"
    },
    {
      "name": "grid-inline-editing",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-vue-dropdowns", "@syncfusion/ej2-vue-grids"],
      "description": "Data grid edits records inline with a configurable new-row position dropdown.",
      "url": "https://ai.syncfusion.com/r/vue/grid-inline-editing.json"
    },
    {
      "name": "grid-virtual-scrolling",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-data", "@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-grids", "@syncfusion/ej2-vue-inputs"],
      "description": "Data grid handles large datasets efficiently with row and column virtualization.",
      "url": "https://ai.syncfusion.com/r/vue/grid-virtual-scrolling.json"
    },
    {
      "name": "pdf-viewer-annotations",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-vue-pdfviewer"],
      "description": "PDF viewer pre-populated with highlight and underline annotations on page one.",
      "url": "https://ai.syncfusion.com/r/vue/pdf-viewer-annotations.json"
    },
    {
      "name": "pdf-viewer-default",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-vue-pdfviewer"],
      "description": "PDF viewer with toolbar, search, annotation, thumbnails, bookmarks, and print tools.",
      "url": "https://ai.syncfusion.com/r/vue/pdf-viewer-default.json"
    },
    {
      "name": "pdf-viewer-form-filling",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-vue-pdfviewer"],
      "description": "PDF viewer validates required form fields before allowing the document to be submitted.",
      "url": "https://ai.syncfusion.com/r/vue/pdf-viewer-form-filling.json"
    },
    {
      "name": "pdf-viewer-multi-format-viewer",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-inputs", "@syncfusion/ej2-vue-pdfviewer", "@syncfusion/ej2-vue-progressbar"],
      "description": "PDF viewer opens multi-format uploads via a drop area with a progress bar.",
      "url": "https://ai.syncfusion.com/r/vue/pdf-viewer-multi-format-viewer.json"
    },
    {
      "name": "pdf-viewer-organize-pages",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-vue-pdfviewer"],
      "description": "PDF viewer organizes pages by reordering, rotating, and deleting them in a side panel.",
      "url": "https://ai.syncfusion.com/r/vue/pdf-viewer-organize-pages.json"
    },
    {
      "name": "rich-text-editor-auto-save",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-richtexteditor"],
      "description": "Rich text editor persists the draft automatically while the user edits its content.",
      "url": "https://ai.syncfusion.com/r/vue/rich-text-editor-auto-save.json"
    },
    {
      "name": "rich-text-editor-default",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-vue-richtexteditor"],
      "description": "Rich text editor with toolbar, image, link, table, video, and paste cleanup tools.",
      "url": "https://ai.syncfusion.com/r/vue/rich-text-editor-default.json"
    },
    {
      "name": "rich-text-editor-file-browser",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-vue-richtexteditor"],
      "description": "Rich text editor opens a file browser and inserts selected files as inline images.",
      "url": "https://ai.syncfusion.com/r/vue/rich-text-editor-file-browser.json"
    },
    {
      "name": "rich-text-editor-mention",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-vue-dropdowns", "@syncfusion/ej2-vue-richtexteditor"],
      "description": "Rich text editor with at-mention dropdown that inserts users from a suggestion list.",
      "url": "https://ai.syncfusion.com/r/vue/rich-text-editor-mention.json"
    },
    {
      "name": "rich-text-editor-paste-from-ms-word",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-vue-dropdowns", "@syncfusion/ej2-vue-richtexteditor", "@syncfusion/ej2-vue-inputs"],
      "description": "Rich text editor with paste-from-Word cleanup rules and a format-prompt dropdown.",
      "url": "https://ai.syncfusion.com/r/vue/rich-text-editor-paste-from-ms-word.json"
    },
    {
      "name": "scheduler-default",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-vue-calendars", "@syncfusion/ej2-vue-schedule"],
      "description": "Scheduler with day, week, work week, month, agenda, resizing, and drag-and-drop events.",
      "url": "https://ai.syncfusion.com/r/vue/scheduler-default.json"
    },
    {
      "name": "scheduler-external-drag-and-drop",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-vue-navigations", "@syncfusion/ej2-vue-schedule"],
      "description": "Scheduler accepts drag-and-drop from an external tree view into its time slots.",
      "url": "https://ai.syncfusion.com/r/vue/scheduler-external-drag-and-drop.json"
    },
    {
      "name": "scheduler-recurring-events",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-vue-buttons", "@syncfusion/ej2-vue-schedule"],
      "description": "Scheduler displays recurring appointments configured with RFC5545 recurrence rules.",
      "url": "https://ai.syncfusion.com/r/vue/scheduler-recurring-events.json"
    },
    {
      "name": "scheduler-sync-google-calendar",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-data", "@syncfusion/ej2-vue-schedule"],
      "description": "Scheduler pulls events from Google Calendar through a Web-API adaptor and key.",
      "url": "https://ai.syncfusion.com/r/vue/scheduler-sync-google-calendar.json"
    },
    {
      "name": "scheduler-timeline-grouping",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-vue-schedule"],
      "description": "Scheduler uses a timeline view with multi-level resource grouping by project.",
      "url": "https://ai.syncfusion.com/r/vue/scheduler-timeline-grouping.json"
    },
    {
      "name": "spreadsheet-editor-conditional-formatting",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-vue-spreadsheet"],
      "description": "Spreadsheet editor with conditional formatting rules applied to data ranges.",
      "url": "https://ai.syncfusion.com/r/vue/spreadsheet-editor-conditional-formatting.json"
    },
    {
      "name": "spreadsheet-editor-default",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-vue-spreadsheet"],
      "description": "Spreadsheet editor with sheets, ranges, formulas, cell styles, and named ranges.",
      "url": "https://ai.syncfusion.com/r/vue/spreadsheet-editor-default.json"
    },
    {
      "name": "spreadsheet-editor-formula",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-vue-spreadsheet"],
      "description": "Spreadsheet editor with formulas, named ranges, computed profit, and summary rows.",
      "url": "https://ai.syncfusion.com/r/vue/spreadsheet-editor-formula.json"
    },
    {
      "name": "spreadsheet-editor-freeze-pane",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-vue-spreadsheet"],
      "description": "Spreadsheet editor freezes header rows and columns while scrolling large sheets.",
      "url": "https://ai.syncfusion.com/r/vue/spreadsheet-editor-freeze-pane.json"
    },
    {
      "name": "spreadsheet-editor-protection",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-vue-spreadsheet"],
      "description": "Spreadsheet editor protects sheets and ranges with configurable edit permissions.",
      "url": "https://ai.syncfusion.com/r/vue/spreadsheet-editor-protection.json"
    }
  ]
}