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