This gets you Syncfusion's full-featured chat UI component for Blazor, complete with multi-user support, typing indicators, file attachments, and customizable templates. The documentation here covers everything from basic message management to programmatic controls like ScrollToMessageAsync() and UpdateMessageAsync(). You'll want this if you're building any kind of conversational interface beyond a basic chatbot. It handles the usual chat requirements like avatars, timestamps, and user presence, plus less common features like mention systems and RTL support. The attachment system needs backend endpoints for SaveUrl and RemoveUrl, so plan accordingly. Good template options if you need custom message rendering, and the API is pretty complete for chat scenarios.

skills.sh installs
374
GitHub stars
4
last updated
Aug 21, 2026

Install

$ npx -y skills add syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-chat-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

Syncfusion Blazor Chat UI

Build feature-rich conversational chat interfaces with the Syncfusion Blazor Chat UI component. This skill provides complete guidance for creating multi-user messaging applications, chat panels, and interactive conversation UIs in Blazor Server, WebAssembly, and Web App projects.

Component Overview

The SfChatUI component is a specialized UI control for building conversational chat applications. It manages the complete chat interface including:

  • Message Management: Collections of chat messages with full message lifecycle
  • User Management: Multi-user support with profiles, avatars, and status
  • Presence Features: Typing indicators, online status, user identification
  • Rich Rendering: Templates for messages, timestamps, typing indicators, suggestions
  • File Support: File attachment upload and integration
  • Event System: Lifecycle events and user interaction callbacks
  • Customization: Complete styling and theming control

Navigation Guide

Sponsors

Details

Repository
github.com/syncfusion/blazor-ui-components-skills
Categories
Frontend Development, .NET & C#
First seen
Jun 3, 2026

More from syncfusion/blazor-ui-components-skills

All 30
1syncfusion avatarsyncfusion-blazor-mapssyncfusion/blazor-ui-components-skillsImplement interactive spatial data visualization with Syncfusion Maps component for Blazor. Use this skill when user needs to display geographic data, add marke374skills.sh installs
2syncfusion avatarsyncfusion-blazor-image-editorsyncfusion/blazor-ui-components-skillsImplement comprehensive image editing capabilities in Blazor applications using the Syncfusion Image Editor component. Use this skill when implementing image ed373skills.sh installs
3syncfusion avatarsyncfusion-blazor-speech-to-textsyncfusion/blazor-ui-components-skillsImplement speech-to-text voice input in Blazor applications using Syncfusion SpeechToText component. ALWAYS use this when users need voice input, speech recogni367skills.sh installs
4longbridge avatargpui-elementlongbridge/gpui-componentImplementing custom elements using GPUI's low-level Element API (vs. high-level Render/RenderOnce APIs). Use when you need maximum control over layout, prepaint231skills.sh installs
5webflow avatardesigner-toolswebflow/webflow-skillsBuild and manage pages, elements, components, and styles in Webflow Designer. Use when adding sections, creating layouts, building elements, inspecting or updat172skills.sh installs
6reactjs avatardocs-componentsreactjs/react.devComprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source for component usage, examples, a0skills.sh installs