syncfusion-maui-getting-started

$npx mdskill add syncfusion/maui-ui-components-skills/syncfusion-maui-getting-started

Install, license, theme, and integrate Syncfusion .NET MAUI components.

  • Resolves installation, licensing, and theme configuration issues.
  • Depends on NuGet, Syncfusion installers, and AI service APIs.
  • Analyzes user request to select setup, licensing, theme, or AI task.
  • Provides step-by-step instructions and code snippets for configuration.

SKILL.md

.github/skills/syncfusion-maui-getting-startedView on GitHub ↗
---
name: syncfusion-maui-getting-started
description: Sets up and configures Syncfusion .NET MAUI components. Use when setting up, configuring, installing, or licensing Syncfusion .NET MAUI applications. Covers installation (NuGet, installers), licensing (generation, registration, errors), themes (Material, Cupertino, customization), AI service integration (Azure OpenAI, Claude, Gemini, DeepSeek, Groq), and package upgrades.
metadata:
  author: "Syncfusion Inc"
  version: "34.1.29"
---

# Getting Started with Syncfusion .NET MAUI

A comprehensive guide for installing, configuring, and setting up your development environment for Syncfusion .NET MAUI components

## When to Use This Skill

**ALWAYS use this skill immediately** when the user needs to:

- **Install or Setup:** NuGet packages, installers (web, offline, Mac), installation troubleshooting
- **License:** Generate license keys, register keys in applications, resolve licensing errors, trial to paid upgrades
- **Theme:** Apply Material/Cupertino themes, light/dark modes, customize theme colors, override theme keys
- **AI Integration:** Configure Azure OpenAI, Claude, Gemini, DeepSeek, Groq, or custom AI services for Smart Components
- **Tooling:** Use Visual Studio or VS Code extensions, project templates, code snippets, Essential UI Kit
- **Advanced:** Implement Liquid Glass UI, upgrade NuGet packages, handle breaking changes
- **Troubleshoot:** Installation errors, licensing issues, theme problems, AI service configuration

This skill contains cross-cutting concerns that apply to all Syncfusion .NET MAUI components and applications.

---

## Overview of Syncfusion .NET MAUI

Syncfusion .NET MAUI (Multi-platform App UI) is a comprehensive collection of high-performance, feature-rich UI components for building native cross-platform applications. Built on Microsoft's .NET MAUI framework, it enables developers to create modern, beautiful applications with a single codebase targeting:

- **Windows** (desktop applications)
- **macOS** (desktop applications)
- **iOS** (mobile applications)
- **Android** (mobile applications)

### Key Capabilities

- **70+ Components:** Grids, charts, gauges, editors, calendars, schedulers, and more
- **Native Performance:** Platform-specific optimizations for smooth UX
- **Consistent API:** Single codebase works across all platforms
- **Theme Support:** Material Design and Cupertino (iOS-style) themes with light/dark modes
- **AI-Powered:** Smart Components with AI service integration
- **Accessibility:** WCAG-compliant with screen reader support
- **Localization:** RTL and multi-language support

### Component Categories

Syncfusion .NET MAUI includes components across multiple categories:
- Data Visualization (Charts, Gauges, TreeMap)
- Grids & Data (DataGrid, ListView, TreeView)
- Editors & Inputs (TextBox, ComboBox, DatePicker, Autocomplete)
- Calendars & Scheduling (Calendar, Scheduler, DateRangePicker)
- Navigation (TabView, TreeView, Accordion, Carousel)
- Layout (Cards, Chips, Avatar, Backdrop)
- Buttons & Indicators (Button, Checkbox, RadioButton, Badge, Busy Indicator)
- File Formats (PDF, Excel, Word, PowerPoint)

---

## Platform Support & Requirements

### Supported Platforms

| Platform | Minimum Version | Recommended |
|----------|----------------|-------------|
| **Windows** | Windows 10 version 1809+ | Windows 11 |
| **macOS** | macOS 10.15+ | macOS 12+ |
| **iOS** | iOS 11+ | iOS 15+ |
| **Android** | Android 5.0 (API 21)+ | Android 12+ (API 31+) |

### Framework Compatibility

Syncfusion .NET MAUI supports:
- **.NET 6** (initial MAUI support)
- **.NET 7** (enhanced features)
- **.NET 8** (LTS with full feature set)
- **.NET 9** (latest features)
**.NET 10** (latest features)

### Development Environment

**Windows Development:**
- Visual Studio 2022 (v17.3+) for .NET 9, or Visual Studio 2026 for .NET 10
- .NET MAUI workload installed
- Android SDK (for Android development)

**macOS Development:**
- Visual Studio Code with .NET MAUI extension
- Xcode 13+ (for iOS/macOS development)
- .NET MAUI workload installed

**Cross-Platform:**
- Visual Studio Code with .NET MAUI extension
- .NET SDK 9.0+ (or 10.0+ for .NET 10 features)

### System Requirements

📄 **For complete system requirements, read:** [references/introduction-overview.md](references/introduction-overview.md)

---

## Getting Started Guide

### Quick Start (3 Steps)

**Step 1: Install NuGet Package**

```bash
dotnet add package Syncfusion.Maui.Core
# Or install specific component packages as needed
```

**Step 2: Register License Key** (Required for v20.2.0.x+)

In `MauiProgram.cs`, add before `CreateMauiApp()`:

```csharp
public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        // Register Syncfusion license
        string licenseKey = Environment.GetEnvironmentVariable("SYNCFUSION_LICENSE_KEY");
        if (!string.IsNullOrEmpty(licenseKey))
        {   
            Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense(licenseKey);
        }
        
        var builder = MauiApp.CreateBuilder();
        // ... rest of configuration
    }
}
```

**Step 3: Apply Theme** (Optional but recommended)

In `App.xaml`:

```xml
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Themes;assembly=Syncfusion.Maui.Core">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <syncTheme:SyncfusionThemeResourceDictionary VisualTheme="MaterialLight"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>
```

**📄 For detailed installation instructions, read:** [references/installation-nuget.md](references/installation-nuget.md)

---

## Documentation and Navigation Guide

### 1. Getting Started & Installation

**When to read these files:** User needs to install Syncfusion, troubleshoot installation, or understand platform requirements.

📄 **[references/introduction-overview.md](references/introduction-overview.md)**
- What is Syncfusion .NET MAUI
- Cross-platform capabilities and architecture
- Complete component ecosystem overview
- Supported platforms (Windows, macOS, iOS, Android)
- Detailed system requirements
- Framework compatibility (.NET 6, 7, 8, 9, 10)
- Development environment setup

📄 **[references/installation-nuget.md](references/installation-nuget.md)**
- Installing NuGet packages via Package Manager UI
- Installing via .NET CLI (`dotnet add package`)
- Package Manager Console commands
- Managing package dependencies
- Version management and updates
- Verifying package installation

📄 **[references/installation-installers.md](references/installation-installers.md)**
- Web installer: download and installation process
- Offline installer: download and installation process
- Mac installer: download and installation process
- Installer comparison (when to use each)
- Installer vs NuGet packages
- Post-installation verification

📄 **[references/installation-errors.md](references/installation-errors.md)**
- Common installation errors and solutions
- Package restore failures
- Version conflicts
- Platform-specific installation issues
- Troubleshooting steps

### 2. Tooling & IDE Integration

**When to read these files:** User needs Visual Studio or VS Code extensions, project templates, code snippets, or tooling features.

📄 **[references/visual-studio-integration.md](references/visual-studio-integration.md)**
- Syncfusion .NET MAUI Visual Studio extension overview
- Extension download and installation
- Project templates and Template Studio
- Toolbox control for drag-and-drop
- Essential UI Kit integration
- Code snippet library
- Syncfusion notifications and updates
- Using project creation wizards

📄 **[references/vscode-integration.md](references/vscode-integration.md)**
- Syncfusion .NET MAUI VS Code extension overview
- Extension download and installation from marketplace
- Creating projects with VS Code extension
- Code snippets for MAUI components
- Essential UI Kit for VS Code
- Command palette integration
- Debugging MAUI apps in VS Code

📄 **[references/icons-reference.md](references/icons-reference.md)**
- Syncfusion icon library for MAUI
- Using built-in icons in applications
- Material icons support
- Icon font resources
- Icon sizing and styling
- Custom icon integration

### 3. Advanced Features

**When to read these files:** User needs Liquid Glass UI effects or package upgrade guidance.

📄 **[references/liquid-glass-ui.md](references/liquid-glass-ui.md)**
- Liquid Glass UI overview and design philosophy
- Getting started with Liquid Glass UI
- Available glassy controls (Button, Card, Entry, etc.)
- Styling and blur effects
- Transparency and frosted glass effects
- Implementation examples and patterns
- Customization options

📄 **[references/upgrade-packages.md](references/upgrade-packages.md)**
- How to upgrade Syncfusion MAUI NuGet packages
- Upgrading via Package Manager UI
- Upgrading via .NET CLI
- Version compatibility considerations
- Handling breaking changes between versions
- Migration guides for major updates
- Testing after upgrades
- Rollback strategies

---

More from syncfusion/maui-ui-components-skills

SkillDescription
syncfusion-maui-accordionImplements Syncfusion .NET MAUI Accordion (SfAccordion) - a vertically collapsible panel with stacked headers for expanding/collapsing content. Use when working with accordions, collapsible panels, expandable lists, employee lists with details, or FAQ sections in .NET MAUI applications. Covers AccordionItem configuration, expand modes, and grouped content display.
syncfusion-maui-ai-assistviewImplements Syncfusion .NET MAUI AI AssistView (SfAIAssistView) for AI-powered interactive chat interfaces. Use when working with AI chat interfaces, AI AssistView, SfAIAssistView, conversational UI, or chat with AI responses. Covers integrating AI services, creating chat UIs, implementing conversation flows, managing AI requests/responses, and displaying AI suggestions.
syncfusion-maui-autocompleteImplements and configure Syncfusion .NET MAUI Autocomplete (SfAutocomplete) control for intelligent text input with suggestions. Use when implementing autocomplete, autosuggest, type-ahead search, smart search, or filtered dropdowns in .NET MAUI applications. Covers data binding, filtering modes, custom search logic, AI-powered search, multi-selection with tokens, and UI customization.
syncfusion-maui-avatar-viewImplements Syncfusion .NET MAUI Avatar View (SfAvatarView) for displaying user profile pictures, initials, or group avatars. Use when working with avatar views, profile pictures, user images, initials display, profile icons, or contact images. Ideal for implementing user profile displays, contact lists, chat interfaces, or social feeds.
syncfusion-maui-backdropImplements Syncfusion .NET MAUI Backdrop Page (SfBackdropPage) with back layer and front layer surfaces. Use when working with backdrop pages, SfBackdropPage, back layer, front layer, or reveal/conceal animations. Covers backdrop navigation patterns, header icons, corner shapes, reveal height, layer state events, and liquid glass effect.
syncfusion-maui-badge-viewImplements Syncfusion .NET MAUI Badge View (SfBadgeView) control. Use when adding badge notifications, status indicators, unread counts, or notification overlays to MAUI applications. Covers SfBadgeView setup, badge text customization, position adjustments, animations, predefined symbols, and accessibility features.
syncfusion-maui-barcode-generatorImplements Syncfusion .NET MAUI Barcode Generator (SfBarcodeGenerator) for generating machine-readable barcodes. Use when working with barcodes, barcode generation, QR codes, data matrix, EAN codes, UPC codes, Code128, or Code39. This skill covers both one-dimensional (linear) and two-dimensional (matrix) barcode symbologies with extensive customization options.
syncfusion-maui-busy-indicatorImplements Syncfusion .NET MAUI Busy Indicator (SfBusyIndicator) for showing loading states, data processing, and app activity indicators. Use when displaying loading indicators, busy animations, activity spinners, or processing feedback in .NET MAUI apps. Covers busy indicator setup, animations, and visual feedback during long-running operations.
syncfusion-maui-buttonImplements and customize Syncfusion .NET MAUI Button (SfButton) control. Use when working with MAUI buttons, SfButton implementation, button customization, or visual states. Covers button icons, background images, RTL support, Liquid Glass effects, custom button views, button styling, events, and checkable buttons.
syncfusion-maui-calendarImplements and customize Syncfusion .NET MAUI Calendar (SfCalendar) control. Use when implementing calendar functionality, date selection (single, multiple, range), or calendar views (month, year, decade, century). Covers date restrictions (min/max dates, EnablePastDates, SelectableDayPredicate), calendar customization, events (ViewChanged, SelectionChanged, Tapped), and header/footer customization.