{
  "$schema": "https://ai.syncfusion.com/schema/registry.json",
  "name": "syncfusion",
  "framework": "React",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "itemCount": 50,
    "namespaceRule": "{component}-{variant}, kebab-case, permanent.",
    "agentPath": "Fetch https://ai.syncfusion.com/r/react/{js|ts}/<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-react-charts"],
      "description": "Bar chart comparing smartphone brand sales across years with legend, tooltip, and highlight.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/chart-bar.json"
    },
    {
      "name": "chart-line",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-react-charts"],
      "description": "Line chart comparing annual crude steel production by country with labels and tooltips.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/chart-line.json"
    },
    {
      "name": "chart-live-stock-data",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-react-charts"],
      "description": "Live AAPL stock chart that refreshes prices with zooming, crosshair, and tooltip tools.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/chart-live-stock-data.json"
    },
    {
      "name": "chart-stacked-column",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-react-charts"],
      "description": "Stacked columns compare global cotton production by country across recent years.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/chart-stacked-column.json"
    },
    {
      "name": "chart-zooming",
      "type": "registry:component",
      "component": "Chart",
      "dependencies": ["@syncfusion/ej2-react-charts"],
      "description": "Line chart of temperature anomalies with date-time zooming, scrollbar, and crosshair.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/chart-zooming.json"
    },
    {
      "name": "diagram-bpmn-editor",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-navigations", "@syncfusion/ej2-react-diagrams"],
      "description": "BPMN editor with symbol palette, context menu, undo-redo, and shape editing.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/diagram-bpmn-editor.json"
    },
    {
      "name": "diagram-local-data",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-react-diagrams", "@syncfusion/ej2-data"],
      "description": "Diagram renders a species hierarchy from local data with a hierarchical tree layout.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/diagram-local-data.json"
    },
    {
      "name": "diagram-mind-map",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-react-diagrams", "@syncfusion/ej2-data"],
      "description": "Mind-map diagram with custom user handles to add, branch, and delete nodes.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/diagram-mind-map.json"
    },
    {
      "name": "diagram-organization-chart",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-react-diagrams", "@syncfusion/ej2-react-inputs", "@syncfusion/ej2-data"],
      "description": "Organization chart arranges local employee data in a horizontally aligned hierarchy.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/diagram-organization-chart.json"
    },
    {
      "name": "diagram-shapes",
      "type": "registry:component",
      "component": "Diagram",
      "dependencies": ["@syncfusion/ej2-react-diagrams"],
      "description": "Diagram gallery displays Basic, Flow, and BPMN shape collections for selection.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/diagram-shapes.json"
    },
    {
      "name": "docx-editor-auto-save",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-react-documenteditor", "@syncfusion/ej2-react-buttons"],
      "description": "Word document editor that saves the document as a docx blob periodically after edits.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/docx-editor-auto-save.json"
    },
    {
      "name": "docx-editor-comments",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-react-documenteditor", "@syncfusion/ej2-react-buttons", "@syncfusion/ej2-popups"],
      "description": "Word editor demonstrates threaded comments, author restrictions, and at-mention support.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/docx-editor-comments.json"
    },
    {
      "name": "docx-editor-default",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-react-documenteditor", "@syncfusion/ej2-react-buttons"],
      "description": "Word editor provides document editing with switchable Ribbon or toolbar layouts.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/docx-editor-default.json"
    },
    {
      "name": "docx-editor-document-protection",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-react-documenteditor", "@syncfusion/ej2-react-buttons"],
      "description": "Word document editor with restrict-editing protection, current user, and editing envelope.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/docx-editor-document-protection.json"
    },
    {
      "name": "docx-editor-mail-merge",
      "type": "registry:component",
      "component": "DocxEditor",
      "dependencies": ["@syncfusion/ej2-react-documenteditor", "@syncfusion/ej2-react-popups", "@syncfusion/ej2-react-navigations"],
      "description": "Word document editor with mail-merge fields, insert-field dialog, and merge-document toolbar.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/docx-editor-mail-merge.json"
    },
    {
      "name": "file-manager-access-control",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-react-filemanager"],
      "description": "File manager applies role-based permissions to restrict files and available operations.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/file-manager-access-control.json"
    },
    {
      "name": "file-manager-azure-blob-provider",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-react-filemanager"],
      "description": "File manager that connects to Azure Blob storage as its file backend service.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/file-manager-azure-blob-provider.json"
    },
    {
      "name": "file-manager-drag-and-drop",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-react-filemanager"],
      "description": "File manager with drag-and-drop moves, context menu, and details view enabled.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/file-manager-drag-and-drop.json"
    },
    {
      "name": "file-manager-file-upload",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-react-filemanager", "@syncfusion/ej2-react-inputs", "@syncfusion/ej2-react-popups", "@syncfusion/ej2-react-buttons"],
      "description": "File manager launched from an uploader dialog to pick files for a form submit.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/file-manager-file-upload.json"
    },
    {
      "name": "file-manager-overview",
      "type": "registry:component",
      "component": "FileManager",
      "dependencies": ["@syncfusion/ej2-react-filemanager"],
      "description": "File manager overview combines toolbar, context menu, navigation, and details pane.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/file-manager-overview.json"
    },
    {
      "name": "gantt-default",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-react-gantt"],
      "description": "Gantt chart displays project tasks with dependencies, baselines, predecessors, and indicators.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/gantt-default.json"
    },
    {
      "name": "gantt-default-editing",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-react-gantt"],
      "description": "Gantt chart supports task editing, dependencies, custom dialog fields, and task markers.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/gantt-default-editing.json"
    },
    {
      "name": "gantt-exporting",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-navigations", "@syncfusion/ej2-react-gantt"],
      "description": "Gantt chart with toolbar buttons that export the chart as Excel or PDF document.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/gantt-exporting.json"
    },
    {
      "name": "gantt-holidays",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-react-gantt"],
      "description": "Gantt timeline marks holidays and excludes them from working-day task calculations.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/gantt-holidays.json"
    },
    {
      "name": "gantt-resource-view",
      "type": "registry:component",
      "component": "Gantt",
      "dependencies": ["@syncfusion/ej2-navigations", "@syncfusion/ej2-react-gantt"],
      "description": "Gantt chart with resource rows and resource-unit allocations on parent tasks.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/gantt-resource-view.json"
    },
    {
      "name": "grid-default",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-react-grids"],
      "description": "Data grid displays orders with sorting, Excel filtering, toolbar actions, and inline editing.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/grid-default.json"
    },
    {
      "name": "grid-default-filtering",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-react-grids", "@syncfusion/ej2-react-dropdowns", "@syncfusion/ej2-react-buttons"],
      "description": "Data grid demonstrating the default filter menu and its paired UI control options.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/grid-default-filtering.json"
    },
    {
      "name": "grid-grouping",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-react-grids", "@syncfusion/ej2-react-popups"],
      "description": "Data grid groups orders by field while supporting paging, filtering, sorting, and editing.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/grid-grouping.json"
    },
    {
      "name": "grid-inline-editing",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-react-grids"],
      "description": "Data grid with inline editing, top new-row placement, paging, and excel filter.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/grid-inline-editing.json"
    },
    {
      "name": "grid-virtual-scrolling",
      "type": "registry:component",
      "component": "Grid",
      "dependencies": ["@syncfusion/ej2-react-grids", "@syncfusion/ej2-react-buttons", "@syncfusion/ej2-react-inputs"],
      "description": "Data grid virtualizes large order data and supports seamless scrolling and cell editing.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/grid-virtual-scrolling.json"
    },
    {
      "name": "pdf-viewer-annotations",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-react-pdfviewer"],
      "description": "PDF viewer pre-populated with highlight and underline annotations on page one.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/pdf-viewer-annotations.json"
    },
    {
      "name": "pdf-viewer-default",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-react-pdfviewer"],
      "description": "PDF viewer with toolbar, search, annotation, thumbnails, bookmarks, and print tools.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/pdf-viewer-default.json"
    },
    {
      "name": "pdf-viewer-form-filling",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-react-pdfviewer"],
      "description": "PDF viewer validates required form fields before allowing the document to be submitted.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/pdf-viewer-form-filling.json"
    },
    {
      "name": "pdf-viewer-multi-format-viewer",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-react-buttons", "@syncfusion/ej2-react-inputs", "@syncfusion/ej2-react-pdfviewer", "@syncfusion/ej2-react-progressbar"],
      "description": "PDF viewer that opens multi-format uploads via drop area with progress bar and conversion.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/pdf-viewer-multi-format-viewer.json"
    },
    {
      "name": "pdf-viewer-organize-pages",
      "type": "registry:component",
      "component": "PdfViewer",
      "dependencies": ["@syncfusion/ej2-react-pdfviewer"],
      "description": "PDF viewer organizes pages by reordering, rotating, and deleting them in a side panel.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/pdf-viewer-organize-pages.json"
    },
    {
      "name": "rich-text-editor-auto-save",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-react-richtexteditor"],
      "description": "Rich text editor persists the draft automatically while the user edits its content.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/rich-text-editor-auto-save.json"
    },
    {
      "name": "rich-text-editor-default",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-react-richtexteditor"],
      "description": "Rich text editor with toolbar, image, link, table, video, and paste cleanup tools.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/rich-text-editor-default.json"
    },
    {
      "name": "rich-text-editor-file-browser",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-react-richtexteditor"],
      "description": "Rich text editor opens a file browser and inserts selected files as inline images.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/rich-text-editor-file-browser.json"
    },
    {
      "name": "rich-text-editor-mention",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-react-dropdowns", "@syncfusion/ej2-react-richtexteditor"],
      "description": "Rich text editor with at-mention dropdown that inserts users from a suggestion list.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/rich-text-editor-mention.json"
    },
    {
      "name": "rich-text-editor-paste-from-ms-word",
      "type": "registry:component",
      "component": "RichTextEditor",
      "dependencies": ["@syncfusion/ej2-react-dropdowns", "@syncfusion/ej2-react-richtexteditor"],
      "description": "Rich text editor with paste-from-Word cleanup rules and a format-prompt dropdown.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/rich-text-editor-paste-from-ms-word.json"
    },
    {
      "name": "scheduler-default",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-react-schedule"],
      "description": "Scheduler with day, week, work week, month, agenda, resizing, and drag-and-drop events.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/scheduler-default.json"
    },
    {
      "name": "scheduler-external-drag-and-drop",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-navigations", "@syncfusion/ej2-react-navigations", "@syncfusion/ej2-react-schedule"],
      "description": "Scheduler accepts drag-and-drop from an external tree view into its time slots.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/scheduler-external-drag-and-drop.json"
    },
    {
      "name": "scheduler-recurring-events",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-react-schedule"],
      "description": "Scheduler displays recurring appointments configured with RFC5545 recurrence rules.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/scheduler-recurring-events.json"
    },
    {
      "name": "scheduler-sync-google-calendar",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-react-schedule", "@syncfusion/ej2-data"],
      "description": "Scheduler pulls events from Google Calendar through a Web-API adaptor and key.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/scheduler-sync-google-calendar.json"
    },
    {
      "name": "scheduler-timeline-grouping",
      "type": "registry:component",
      "component": "Scheduler",
      "dependencies": ["@syncfusion/ej2-react-schedule"],
      "description": "Scheduler uses a timeline view with multi-level resource grouping by project.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/scheduler-timeline-grouping.json"
    },
    {
      "name": "spreadsheet-editor-conditional-formatting",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-react-spreadsheet"],
      "description": "Spreadsheet editor with conditional formatting rules applied to data ranges.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/spreadsheet-editor-conditional-formatting.json"
    },
    {
      "name": "spreadsheet-editor-default",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-react-spreadsheet"],
      "description": "Spreadsheet editor with sheets, ranges, formulas, cell styles, and named ranges.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/spreadsheet-editor-default.json"
    },
    {
      "name": "spreadsheet-editor-formula",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-react-spreadsheet"],
      "description": "Spreadsheet editor with formulas, named ranges, computed profit, and summary rows.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/spreadsheet-editor-formula.json"
    },
    {
      "name": "spreadsheet-editor-freeze-pane",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-react-spreadsheet"],
      "description": "Spreadsheet editor with frozen rows and columns that stay visible while scrolling.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/spreadsheet-editor-freeze-pane.json"
    },
    {
      "name": "spreadsheet-editor-protection",
      "type": "registry:component",
      "component": "SpreadsheetEditor",
      "dependencies": ["@syncfusion/ej2-react-spreadsheet"],
      "description": "Spreadsheet editor protects a worksheet and limits cell editing with a password.",
      "url": "https://ai.syncfusion.com/r/react/{js|ts}/spreadsheet-editor-protection.json"
    }
  ]
}