{
  "$schema": "https://ai.syncfusion.com/schema/registry.json",
  "name": "syncfusion",
  "framework": "Angular",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "itemCount": 50,
    "namespaceRule": "{component}-{variant}, kebab-case, permanent.",
    "agentPath": "Fetch https://ai.syncfusion.com/r/angular/<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-angular-charts"],
      "description": "Grouped Bar chart of global smartphone unit sales by brand from 2021-2023 via ChartAllModule.",
      "url": "https://ai.syncfusion.com/r/angular/chart-bar.json"
    },
    {
      "name": "chart-line",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-angular-charts"],
      "description": "Multi-series Line chart of country-level crude steel volumes from 2016 to 2024 via ChartAllModule.",
      "url": "https://ai.syncfusion.com/r/angular/chart-line.json"
    },
    {
      "name": "chart-live-stock-data",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-angular-charts"],
      "description": "Real-time Candlestick chart streaming live AAPL OHLC ticks with crosshair and last-value label.",
      "url": "https://ai.syncfusion.com/r/angular/chart-live-stock-data.json"
    },
    {
      "name": "chart-stacked-column",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-angular-charts"],
      "description": "Stacked Column chart of country-level cotton production from 2019-2024 with legend-driven corners.",
      "url": "https://ai.syncfusion.com/r/angular/chart-stacked-column.json"
    },
    {
      "name": "chart-zooming",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-angular-charts"],
      "description": "Line chart of monthly temperature anomalies with selection, mouse-wheel, pinch zoom and scrollbar.",
      "url": "https://ai.syncfusion.com/r/angular/chart-zooming.json"
    },
    {
      "name": "diagram-bpmn-editor",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-angular-diagrams"],
      "description": "BPMN process editor with a diagram canvas and a symbol palette of BPMN shapes, events, and tasks.",
      "url": "https://ai.syncfusion.com/r/angular/diagram-bpmn-editor.json"
    },
    {
      "name": "diagram-local-data",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-angular-diagrams"],
      "description": "Hierarchical tree diagram bound to local JSON data via DiagramModule and DataManager.",
      "url": "https://ai.syncfusion.com/r/angular/diagram-local-data.json"
    },
    {
      "name": "diagram-mind-map",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-angular-diagrams"],
      "description": "Horizontal mind-map diagram with custom user handles, draggable branches, and add/delete tools.",
      "url": "https://ai.syncfusion.com/r/angular/diagram-mind-map.json"
    },
    {
      "name": "diagram-organization-chart",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-angular-diagrams"],
      "description": "Organizational chart diagram with switchable subtree alignments, spacing controls, and animations.",
      "url": "https://ai.syncfusion.com/r/angular/diagram-organization-chart.json"
    },
    {
      "name": "diagram-shapes",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-angular-diagrams"],
      "description": "Gallery diagram canvas that renders built-in Basic, Flow, and BPMN node shape families side by side.",
      "url": "https://ai.syncfusion.com/r/angular/diagram-shapes.json"
    },
    {
      "name": "docx-editor-auto-save",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-angular-documenteditor"],
      "description": "Document editor sample demonstrating automatic saving of edited document content.",
      "url": "https://ai.syncfusion.com/r/angular/docx-editor-auto-save.json"
    },
    {
      "name": "docx-editor-comments",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-angular-documenteditor"],
      "description": "Document editor sample demonstrating adding, reviewing, and managing document comments.",
      "url": "https://ai.syncfusion.com/r/angular/docx-editor-comments.json"
    },
    {
      "name": "docx-editor-default",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-angular-documenteditor"],
      "description": "Document editor sample for opening, editing, and viewing a Word document in the browser.",
      "url": "https://ai.syncfusion.com/r/angular/docx-editor-default.json"
    },
    {
      "name": "docx-editor-document-protection",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-angular-documenteditor"],
      "description": "Document editor sample demonstrating protection settings for restricting document edits.",
      "url": "https://ai.syncfusion.com/r/angular/docx-editor-document-protection.json"
    },
    {
      "name": "docx-editor-mail-merge",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-angular-documenteditor"],
      "description": "Document editor sample demonstrating mail merge fields and generated recipient documents.",
      "url": "https://ai.syncfusion.com/r/angular/docx-editor-mail-merge.json"
    },
    {
      "name": "file-manager-access-control",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-angular-filemanager"],
      "description": "File manager sample demonstrating access control for files and folders.",
      "url": "https://ai.syncfusion.com/r/angular/file-manager-access-control.json"
    },
    {
      "name": "file-manager-azure-blob-provider",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-angular-filemanager"],
      "description": "File manager sample connected to storage through an Azure Blob provider.",
      "url": "https://ai.syncfusion.com/r/angular/file-manager-azure-blob-provider.json"
    },
    {
      "name": "file-manager-drag-and-drop",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-angular-filemanager"],
      "description": "File manager sample demonstrating dragging and dropping files between folders.",
      "url": "https://ai.syncfusion.com/r/angular/file-manager-drag-and-drop.json"
    },
    {
      "name": "file-manager-file-upload",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-angular-filemanager"],
      "description": "File manager sample demonstrating file uploads through the toolbar and upload dialog.",
      "url": "https://ai.syncfusion.com/r/angular/file-manager-file-upload.json"
    },
    {
      "name": "file-manager-overview",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-angular-filemanager"],
      "description": "File manager overview sample for browsing, searching, and organizing remote files.",
      "url": "https://ai.syncfusion.com/r/angular/file-manager-overview.json"
    },
    {
      "name": "gantt-default",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-angular-gantt"],
      "description": "Gantt chart sample displaying tasks, durations, dependencies, and project progress.",
      "url": "https://ai.syncfusion.com/r/angular/gantt-default.json"
    },
    {
      "name": "gantt-default-editing",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-angular-gantt"],
      "description": "Gantt chart sample supporting task creation, editing, deletion, and dependency changes.",
      "url": "https://ai.syncfusion.com/r/angular/gantt-default-editing.json"
    },
    {
      "name": "gantt-exporting",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-angular-gantt"],
      "description": "Gantt chart sample demonstrating export of project data to Excel and PDF formats.",
      "url": "https://ai.syncfusion.com/r/angular/gantt-exporting.json"
    },
    {
      "name": "gantt-holidays",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-angular-gantt"],
      "description": "Gantt chart sample displaying holidays and non-working days on the project timeline.",
      "url": "https://ai.syncfusion.com/r/angular/gantt-holidays.json"
    },
    {
      "name": "gantt-resource-view",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-angular-gantt"],
      "description": "Gantt chart sample presenting project tasks grouped by assigned resources.",
      "url": "https://ai.syncfusion.com/r/angular/gantt-resource-view.json"
    },
    {
      "name": "grid-default",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-angular-grids"],
      "description": "Data grid with paging, sorting, filtering, validation, toolbar, and editing via GridModule.",
      "url": "https://ai.syncfusion.com/r/angular/grid-default.json"
    },
    {
      "name": "grid-default-filtering",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-angular-grids"],
      "description": "Data grid bound to a category list with a dropdown-driven filter and toggleable filter-bar operator.",
      "url": "https://ai.syncfusion.com/r/angular/grid-default-filtering.json"
    },
    {
      "name": "grid-grouping",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-angular-grids"],
      "description": "Data grid with column drag-grouping, grouping-disabled dialog, and grouped ShipCountry summaries.",
      "url": "https://ai.syncfusion.com/r/angular/grid-grouping.json"
    },
    {
      "name": "grid-inline-editing",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-angular-grids"],
      "description": "Data grid with inline add and edit rows whose top/bottom position is selectable from a dropdown.",
      "url": "https://ai.syncfusion.com/r/angular/grid-inline-editing.json"
    },
    {
      "name": "grid-virtual-scrolling",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-angular-grids"],
      "description": "Data grid with virtual scrolling that lazy-loads a large order dataset and reports load timing.",
      "url": "https://ai.syncfusion.com/r/angular/grid-virtual-scrolling.json"
    },
    {
      "name": "scheduler-default",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-angular-schedule"],
      "description": "Feature-rich scheduler with multi-view switching, calendar grouping, exports, and event editor.",
      "url": "https://ai.syncfusion.com/r/angular/scheduler-default.json"
    },
    {
      "name": "scheduler-external-drag-and-drop",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-angular-schedule"],
      "description": "Timeline scheduler that accepts dragging consultant appointments from an external tree-view list.",
      "url": "https://ai.syncfusion.com/r/angular/scheduler-external-drag-and-drop.json"
    },
    {
      "name": "scheduler-recurring-events",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-angular-schedule"],
      "description": "Scheduler showing recurring events colored by category with a toggle for following-event edits.",
      "url": "https://ai.syncfusion.com/r/angular/scheduler-recurring-events.json"
    },
    {
      "name": "scheduler-sync-google-calendar",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-angular-schedule"],
      "description": "Read-only month scheduler that loads public US holiday events from a Google Calendar URL feed.",
      "url": "https://ai.syncfusion.com/r/angular/scheduler-sync-google-calendar.json"
    },
    {
      "name": "scheduler-timeline-grouping",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-angular-schedule"],
      "description": "Timeline scheduler grouped by project and category with multi-resource rows across all-day bars.",
      "url": "https://ai.syncfusion.com/r/angular/scheduler-timeline-grouping.json"
    },
    {
      "name": "pdf-viewer-annotations",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-angular-pdfviewer"],
      "description": "PDF viewer sample demonstrating text, shape, and ink annotations on a document.",
      "url": "https://ai.syncfusion.com/r/angular/pdf-viewer-annotations.json"
    },
    {
      "name": "pdf-viewer-default",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-angular-pdfviewer"],
      "description": "PDF viewer sample for loading, viewing, navigating, and printing a PDF document.",
      "url": "https://ai.syncfusion.com/r/angular/pdf-viewer-default.json"
    },
    {
      "name": "pdf-viewer-form-filling",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-angular-pdfviewer"],
      "description": "PDF viewer sample demonstrating interactive form filling and field value updates.",
      "url": "https://ai.syncfusion.com/r/angular/pdf-viewer-form-filling.json"
    },
    {
      "name": "pdf-viewer-multi-format-viewer",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-angular-pdfviewer"],
      "description": "PDF viewer sample for displaying PDF and other supported document formats.",
      "url": "https://ai.syncfusion.com/r/angular/pdf-viewer-multi-format-viewer.json"
    },
    {
      "name": "pdf-viewer-organize-pages",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-angular-pdfviewer"],
      "description": "PDF viewer sample demonstrating page reordering, rotation, insertion, and deletion.",
      "url": "https://ai.syncfusion.com/r/angular/pdf-viewer-organize-pages.json"
    },
    {
      "name": "rich-text-editor-auto-save",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-angular-richtexteditor"],
      "description": "Rich text editor sample demonstrating automatic saving of edited content.",
      "url": "https://ai.syncfusion.com/r/angular/rich-text-editor-auto-save.json"
    },
    {
      "name": "rich-text-editor-default",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-angular-richtexteditor"],
      "description": "Rich text editor sample with formatting tools for composing and editing content.",
      "url": "https://ai.syncfusion.com/r/angular/rich-text-editor-default.json"
    },
    {
      "name": "rich-text-editor-file-browser",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-angular-richtexteditor"],
      "description": "Rich text editor sample integrating a file browser for selecting and inserting media.",
      "url": "https://ai.syncfusion.com/r/angular/rich-text-editor-file-browser.json"
    },
    {
      "name": "rich-text-editor-mention",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-angular-richtexteditor"],
      "description": "Rich text editor sample providing user suggestions when typing mention characters.",
      "url": "https://ai.syncfusion.com/r/angular/rich-text-editor-mention.json"
    },
    {
      "name": "rich-text-editor-paste-from-ms-word",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-angular-richtexteditor"],
      "description": "Rich text editor sample demonstrating formatted content pasted from Microsoft Word.",
      "url": "https://ai.syncfusion.com/r/angular/rich-text-editor-paste-from-ms-word.json"
    },
    {
      "name": "spreadsheet-editor-conditional-formatting",
      "type": "registry:component",
      "component": "Spreadsheet",
      "dependencies": ["@syncfusion/ej2-angular-spreadsheet"],
      "description": "Spreadsheet sample demonstrating rules that apply conditional formatting to cell ranges.",
      "url": "https://ai.syncfusion.com/r/angular/spreadsheet-editor-conditional-formatting.json"
    },
    {
      "name": "spreadsheet-editor-default",
      "type": "registry:component",
      "component": "Spreadsheet",
      "dependencies": ["@syncfusion/ej2-angular-spreadsheet"],
      "description": "Spreadsheet sample for entering, formatting, calculating, and organizing worksheet data.",
      "url": "https://ai.syncfusion.com/r/angular/spreadsheet-editor-default.json"
    },
    {
      "name": "spreadsheet-editor-formula",
      "type": "registry:component",
      "component": "Spreadsheet",
      "dependencies": ["@syncfusion/ej2-angular-spreadsheet"],
      "description": "Spreadsheet sample demonstrating formula entry, calculation, and dependent cell updates.",
      "url": "https://ai.syncfusion.com/r/angular/spreadsheet-editor-formula.json"
    },
    {
      "name": "spreadsheet-editor-freeze-pane",
      "type": "registry:component",
      "component": "Spreadsheet",
      "dependencies": ["@syncfusion/ej2-angular-spreadsheet"],
      "description": "Spreadsheet sample demonstrating frozen rows and columns while scrolling worksheet data.",
      "url": "https://ai.syncfusion.com/r/angular/spreadsheet-editor-freeze-pane.json"
    },
    {
      "name": "spreadsheet-editor-protection",
      "type": "registry:component",
      "component": "Spreadsheet",
      "dependencies": ["@syncfusion/ej2-angular-spreadsheet"],
      "description": "Spreadsheet sample demonstrating worksheet and cell protection settings.",
      "url": "https://ai.syncfusion.com/r/angular/spreadsheet-editor-protection.json"
    }
  ]
}