# Blazor component gallery — agent index Source: https://ai.syncfusion.com/gallery/blazor/llms.txt Entry-point: https://ai.syncfusion.com/llms.txt Blazor Registry-index: https://ai.syncfusion.com/r/blazor/registry.json Essential-Studio-release: 2026 Volume 2 (v34.1.29) Framework: blazor Items: 30 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 Blazor 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/blazor-ui-components-skills. ## The contract One name resolves everywhere: ``` name registry JSON https://ai.syncfusion.com/r/blazor/component-variant.json machine twin https://ai.syncfusion.com/gallery/blazor/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/blazor/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 global smartphone sales by brand with category axes, legends, tooltips, and data labels. | Chart | | `chart-line` | Multi-series line chart compares annual crude steel production by country with date axes, markers, and tooltips. | Chart | | `chart-live-chart` | Live chart displays changing CPU usage over time with a date-time axis, percentage labels, and continuously updated data. | Chart | | `chart-stacked-column` | Stacked column chart compares cotton production by country with data labels, rounded corners, and interactive legend selection. | Chart | | `chart-zooming` | Temperature chart provides date-time navigation with a bottom scrollbar, nearest-point tooltips, and responsive title styling. | Chart | | `diagram-local-data` | Hierarchical tree diagram binds local species data and configures node and connector creation with zoom and pan interaction. | Diagram | | `diagram-mindmap` | Mind map diagram configures custom tools, node and connector creation, selection events, and interactive diagram constraints. | Diagram | | `diagram-organization-chart` | Organization chart demonstrates hierarchical nodes with custom node and connector creation plus zoom and pan interaction. | Diagram | | `diagram-shapes` | Diagram displays a configured collection of shapes with created-event initialization and bound interaction constraints. | Diagram | | `docx-editor-comments` | Document editor provides a title bar with print and download commands for working with a DOCX document and comments. | DocxEditor | | `docx-editor-default` | Document editor container includes a custom title bar with print and download-as-DOCX commands for document workflows. | DocxEditor | | `file-manager-drag-and-drop` | File Manager enables drag-and-drop operations against Azure file-management endpoints with toolbar and context-menu actions. | FileManager | | `file-manager-file-upload` | File Manager opens in a dialog from a button and combines file browsing with uploader actions and file-open handling. | FileManager | | `gantt-default` | Gantt chart presents task columns, dependencies, weekend highlighting, and custom task and parent progress templates. | Gantt | | `gantt-default-editing` | Editable Gantt chart supports adding, editing, deleting, taskbar changes, confirmation dialogs, and task progress tracking. | Gantt | | `gantt-holidays` | Gantt chart displays scheduled tasks with dependency columns and configured holiday periods highlighted in the timeline. | Gantt | | `gantt-resource-view` | Resource-view Gantt assigns tasks to resources, supports row drag-and-drop and editing, and displays work and progress labels. | Gantt | | `grid-default` | Paginated transactions grid displays formatted amounts, payment options, status badges, and a template for completion dates. | Grid | | `grid-default-filtering` | Product grid combines paging with configurable filter-bar operators and filter modes across category, product, and quantity columns. | Grid | | `grid-grouping` | Grouped orders grid combines sorting, menu filtering, paging, validation, and toolbar-based add, edit, and delete actions. | Grid | | `grid-inline-editing` | Orders grid supports inline add, edit, and delete operations with validation, paging, and an autocomplete customer editor. | Grid | | `grid-virtual-scrolling` | Flight bookings grid uses row and column virtualization with editing, paging, validation, and a column chooser for large data. | Grid | | `pdf-viewer-annotations` | PDF Viewer loads a document with annotation tools and a visible comment panel for reviewing and annotating PDF content. | PdfViewer | | `pdf-viewer-default` | PDF Viewer renders a document in a fixed-height viewer for browsing PDF content with the standard viewer interface. | PdfViewer | | `rich-text-editor-default` | Rich Text Editor demonstrates default WYSIWYG content with images and a toolbar containing common formatting commands. | RichTextEditor | | `rich-text-editor-mention` | Rich Text Editor integrates mention suggestions into editable content alongside the standard rich-text editing toolbar. | RichTextEditor | | `scheduler-default` | Scheduler displays sample appointments with day, week, workweek, month, and agenda views for calendar navigation. | Scheduler | | `scheduler-recurring-events` | Scheduler demonstrates recurring appointments with bound date and view state for navigating repeated calendar events. | Scheduler | | `spreadsheet-editor-conditional-formatting` | Spreadsheet loads a workbook containing conditional-formatting rules to demonstrate formatted data presentation in a workbook. | Spreadsheet | | `spreadsheet-editor-formula` | Spreadsheet loads a formula workbook from byte data at startup to demonstrate calculated cells and workbook rendering. | 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://blazor.syncfusion.com/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`.