{"id":17563762,"url":"https://github.com/syncfusion/maui-toolkit","last_synced_at":"2026-01-28T14:06:33.740Z","repository":{"id":258923463,"uuid":"867014724","full_name":"syncfusion/maui-toolkit","owner":"syncfusion","description":"Syncfusion Toolkit for .NET MAUI offers high-quality UI controls to help you build rich, high-performance applications for iOS, Android, macOS, and Windows from a single codebase","archived":false,"fork":false,"pushed_at":"2026-01-19T13:31:48.000Z","size":10006,"stargazers_count":679,"open_issues_count":22,"forks_count":114,"subscribers_count":24,"default_branch":"main","last_synced_at":"2026-01-19T17:51:58.657Z","etag":null,"topics":["android","desktop","dotnet","ios","maui","mobile","multi-platform","syncfusion","toolkit","user-interface","winui"],"latest_commit_sha":null,"homepage":"https://www.syncfusion.com/net-maui-toolkit","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/syncfusion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-10-03T09:49:37.000Z","updated_at":"2026-01-16T08:12:31.000Z","dependencies_parsed_at":"2024-11-14T13:29:00.941Z","dependency_job_id":"db9e1416-0aa2-4d94-82e3-0c7741d11994","html_url":"https://github.com/syncfusion/maui-toolkit","commit_stats":{"total_commits":40,"total_committers":10,"mean_commits":4.0,"dds":0.65,"last_synced_commit":"7069fc692541fc3286e6fef316fcf344371050b2"},"previous_names":["syncfusion/maui-toolkit"],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/syncfusion/maui-toolkit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2Fmaui-toolkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2Fmaui-toolkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2Fmaui-toolkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2Fmaui-toolkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syncfusion","download_url":"https://codeload.github.com/syncfusion/maui-toolkit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syncfusion%2Fmaui-toolkit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28846058,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T13:02:32.985Z","status":"ssl_error","status_checked_at":"2026-01-28T13:02:04.945Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","desktop","dotnet","ios","maui","mobile","multi-platform","syncfusion","toolkit","user-interface","winui"],"created_at":"2024-10-21T13:09:08.952Z","updated_at":"2026-01-28T14:06:33.733Z","avatar_url":"https://github.com/syncfusion.png","language":"C#","funding_links":[],"categories":["UI"],"sub_categories":["Get Started"],"readme":"![NET_MAUI__Toolkit_Banner](https://cdn.syncfusion.com/content/images/maui/maui-toolkit--controls-banner.png)\n\n# Syncfusion® Toolkit for .NET MAUI\n\nThe [Syncfusion® Toolkit for .NET MAUI](https://www.syncfusion.com/net-maui-toolkit?utm_source=msftdotnet\u0026utm_medium=banner\u0026utm_campaign=mauipremium_sep25) is a high-performance collection of UI controls designed to streamline cross-platform app development across Android, iOS, macOS, and Windows. With this toolkit, developers can deliver beautiful, feature-rich applications with minimal effort, cutting down development time while ensuring a seamless and engaging user experience across platforms.\n\nThe Syncfusion® Toolkit is built with community collaboration in mind, aiming to incorporate user feedback and contributions. It is the perfect companion for developers looking to build engaging cross-platform applications faster and more efficiently using the Syncfusion® ecosystem.\n\n[![NuGet version](https://img.shields.io/nuget/v/Syncfusion.Maui.Toolkit)](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit)\n[![NuGet Downloads](https://img.shields.io/nuget/dt/Syncfusion.Maui.Toolkit)](https://www.nuget.org/stats/packages/Syncfusion.Maui.Toolkit?groupby=Version)\n[![License](https://img.shields.io/github/license/syncfusion/maui-toolkit)](./LICENSE.txt)\n![Build Status](https://img.shields.io/badge/build-passing-brightgreen)\n![Platform](https://img.shields.io/badge/platform-Android%20%7C%20iOS%20%7C%20Mac%20%7C%20Windows-blue)\n[![.NET 9](https://img.shields.io/badge/.NET%209-5C2D91?logo=.net\u0026logoColor=white)](https://dotnet.microsoft.com/download/dotnet/9.0)\n![Contributions](https://img.shields.io/badge/contributions-welcome-green.svg)\n![Contributors](https://img.shields.io/github/contributors/syncfusion/maui-toolkit)\n![GitHub issues](https://img.shields.io/github/issues/syncfusion/maui-toolkit)\n![GitHub pull requests](https://img.shields.io/github/issues-pr/syncfusion/maui-toolkit)\n\n![NET_MAUI_Toolkit_product](https://cdn.syncfusion.com/content/images/maui/maui-toolkit--controls.png)\n\n## Getting Started ##\n\n* [Install .NET MAUI](https://dot.net/maui)\n* [Syncfusion .NET MAUI Toolkit Documentation](https://help.syncfusion.com/maui-toolkit/introduction/overview)\n* [Development Guide](./.github/DEVELOPMENT.md)\n\n\n## Controls list\n\n| **Category**         | **Control**           | **Description**                                                                                         |\n|----------------------|-----------------------|---------------------------------------------------------------------------------------------------------|\n| Data Visualization   | Cartesian Charts      | Versatile data representation using line, bar, and area charts.                                          |\n|                      | Circular Charts       | Display proportions and comparisons using pie and doughnut charts.                                       |\n|                      | Funnel Charts         | Represent processes and data flow, often used in sales and analytics.                                    |\n|                      | Polar Charts          | Showcase categories in a circular format, ideal for unordered data.                                      |\n|                      | Pyramid Charts        | Visualize hierarchical data, perfect for business and analytics applications.                            |\n|                      | Spark Charts          | Display trends using micro charts like line, column, area, and win-loss. Ideal for compact data summaries. |\n|                      | Sunburst Charts       | Visualize hierarchical data using concentric circles, ideal for multi-level category data.               |\n| Calendars            | Calendar              | The calendar supports month, year, decade, and century views, multiple selection modes, and customizable appearance.      |\n| Editors              | Date Picker           | User interface element for selecting specific dates.                                                     |\n|                      | Date Time Picker      | Combined interface to select dates and times.                                                            |\n|                      | Numeric Entry         | Advanced control for numeric input with support for various formats and validation.                      |\n|                      | Numeric Up Down       | Adjust values with up/down buttons and culture-specific formatting.                                      |\n|                      | OTP Input             | Secure input field for one-time passwords with customizable length, masking options, and validation.     |\n|                      | Picker               | Versatile UI Element for making selections in set of options.                                             |\n|                      | Time Picker           | Interface for choosing specific times of day.                                                            |\n| Navigation           | Bottom Sheet          | Slides up from the bottom of the screen to display additional content or functionality.                  |\n|                      | Navigation Drawer     | Slide-in menu for navigation, positionable on any side of the app with customizable animations.          |\n|                      | Tab View              | Organize app content with customizable tabs, enabling easy navigation across sections.                   |\n| Layout               | Accordion             | Organizes content into multiple expandable sections, allowing only one section to be open at a time for better navigation and space management.|\n|                      | Cards                 | Create dismissible cards or a stack of cards, and customize their background, borders, and corners.      |\n|                      | Carousel              | Smooth, touch-enabled sliding galleries for showcasing images or featured content.                       |\n|                      | Expander              | Allows users to expand or collapse content dynamically, improving space management and user experience.  |\n|                      | Popup                 | Allows users to display an alert message with customizable buttons or load any desired content inside a popup view.|\n|                      | Text Input Layout     | Enhances input fields with floating labels and validation, improving user interaction.                   |\n| Buttons              | Button                | Customizable button control with icon support, background images, and visual state styling.              |\n|                      | Chips                 | Interactive tags for filtering, labeling, or visual options, perfect for e-commerce or task management.  |\n|                      | Segmented Control     | Quickly switch between views or categories, ideal for apps with multiple layout options.                 |\n| Notification         | Circular Progress Bar | Represents task progression through a circular visualization.                                            |\n|                      | Linear Progress Bar   | Represents task progression through a linear visualization.                                              |\n|                      | Pull to Refresh       | Allows users to refresh live data by pulling down, ideal for real-time data syncing.                     |\n| Miscellaneous        | Effects View          | Add visual enhancements like shadows, blurs, or highlights to make UI elements stand out.                |\n|                      | Shimmer               | Indicates loading content with customizable wave directions, great for data-heavy apps.                  |\n\n\n## Installation\n\nYou can install the [Syncfusion® Toolkit for .NET MAUI](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit) via NuGet: \n\n```\ndotnet add package Syncfusion.Maui.Toolkit\n```\nAlternatively, add it directly in your `.csproj` file:\n\n```xml\n\u003cPackageReference Include=\"Syncfusion.Maui.Toolkit\" Version=\"x.x.x\" /\u003e\n```\n\n## Configure Syncfusion® Toolkit\n\nIn order to use the Syncfusion® .NET MAUI Toolkit you need to call the extension method in your MauiProgram.cs file as follows:\n\n**MauiProgram.cs**\n\n```csharp\nusing Syncfusion.Maui.Toolkit.Hosting;\n\npublic static class MauiProgram\n{\n\tpublic static MauiApp CreateMauiApp()\n\t{\n\t\tvar builder = MauiApp.CreateBuilder();\n\t\tbuilder\n\t\t.UseMauiApp\u003cApp\u003e()\n\t\t// Initialize the Syncfusion .NET MAUI Toolkit by adding the below line of code\n\t\t.ConfigureSyncfusionToolkit()\n\t\t// After initializing the Syncfusion .NET MAUI Toolkit, optionally add additional fonts\n\t\t.ConfigureFonts(fonts =\u003e\n\t\t{\n\t\t\tfonts.AddFont(\"OpenSans-Regular.ttf\", \"OpenSansRegular\");\n\t\t\tfonts.AddFont(\"OpenSans-Semibold.ttf\", \"OpenSansSemibold\");\n\t\t});\n\n\t\t// Continue initializing your .NET MAUI App here\n\n\t\treturn builder.Build();\n\t}\n}\n```\n\n### XAML usage\n\nIn order to make use of the toolkit within XAML you can use this namespace:\n\n```xml\nxmlns:toolkit=\"http://schemas.syncfusion.com/maui/toolkit\"\n```\n\n## Usage Example\n\nHere’s a quick example to get you started with one of the controls, such as the Cartesian Chart:\n\nThe following XAML code demonstrates how to set up a basic `SfCartesianChart` using the Syncfusion® MAUI Toolkit. This code snippet should be included in the `MainPage.xaml` file of your MAUI project. It sets up the necessary namespaces, binds the `ViewModel` to the `ContentPage`, and configures the `SfCartesianChart` with `CategoryAxis` for the X-axis and `NumericalAxis` for the Y-axis. The creation of the `ViewModel` will be explained in the following section.\n\n**MainPage.xaml**\n\n```xml\n\u003cContentPage \n    xmlns=\"http://schemas.microsoft.com/dotnet/2021/maui\"\n    xmlns:x=\"http://schemas.microsoft.com/winfx/2009/xaml\"\n    x:Class=\"ChartGettingStarted.MainPage\"\n    xmlns:chart=\"clr-namespace:Syncfusion.Maui.Toolkit.Charts;assembly=Syncfusion.Maui.Toolkit\"\n    xmlns:model=\"clr-namespace:ChartGettingStarted\"\u003e\n    \n\t\u003c!-- Set the BindingContext to the ViewModel --\u003e\n    \u003cContentPage.BindingContext\u003e\n        \u003cmodel:ViewModel/\u003e\n    \u003c/ContentPage.BindingContext\u003e\n\n    \u003c!-- Define a Syncfusion Cartesian Chart to visualize data --\u003e\n    \u003cchart:SfCartesianChart\u003e\n\n        \u003c!-- Set the title for the Cartesian chart --\u003e\n        \u003cchart:SfCartesianChart.Title\u003e\n            \u003cLabel Text=\"Height Comparison\" HorizontalOptions=\"Center\" /\u003e\n        \u003c/chart:SfCartesianChart.Title\u003e\n\n        \u003c!-- Add a legend to the chart for identifying series --\u003e\n        \u003cchart:SfCartesianChart.Legend\u003e\n            \u003cchart:ChartLegend /\u003e\n        \u003c/chart:SfCartesianChart.Legend\u003e\n\n        \u003c!-- Define the horizontal (X) axis as a category axis --\u003e\n        \u003cchart:SfCartesianChart.XAxes\u003e\n            \u003cchart:CategoryAxis\u003e\n                \u003c!-- Set the title for the X-axis --\u003e\n                \u003cchart:CategoryAxis.Title\u003e\n                    \u003cchart:ChartAxisTitle Text=\"Name\" /\u003e\n                \u003c/chart:CategoryAxis.Title\u003e\n            \u003c/chart:CategoryAxis\u003e\n        \u003c/chart:SfCartesianChart.XAxes\u003e\n\n        \u003c!-- Define the vertical (Y) axis as a numerical axis --\u003e\n        \u003cchart:SfCartesianChart.YAxes\u003e\n            \u003cchart:NumericalAxis\u003e\n                \u003c!-- Set the title for the Y-axis --\u003e\n                \u003cchart:NumericalAxis.Title\u003e\n                    \u003cchart:ChartAxisTitle Text=\"Height(in cm)\" /\u003e\n                \u003c/chart:NumericalAxis.Title\u003e\n            \u003c/chart:NumericalAxis\u003e\n        \u003c/chart:SfCartesianChart.YAxes\u003e\n\n        \u003c!-- Initialize a ColumnSeries to visualize the data in columns --\u003e\n        \u003cchart:ColumnSeries Label=\"Height\"\n                         EnableTooltip=\"True\" \n                         ShowDataLabels=\"True\" \n                         ItemsSource=\"{Binding Data}\" \n                         XBindingPath=\"Name\" \n                         YBindingPath=\"Height\"\u003e\n            \u003c!-- Define the settings for data labels of the columns --\u003e\n            \u003cchart:ColumnSeries.DataLabelSettings\u003e\n                \u003cchart:CartesianDataLabelSettings LabelPlacement=\"Inner\" /\u003e\n            \u003c/chart:ColumnSeries.DataLabelSettings\u003e\n        \u003c/chart:ColumnSeries\u003e\n\n    \u003c/chart:SfCartesianChart\u003e\n\u003c/ContentPage\u003e\n\n```\n\nDefine a simple data model C# class named `Person` to represent a data point, such as a person with a name and height, in your application.\n\n**Person.cs**\n\n```csharp\n    /// \u003csummary\u003e\n    /// Represents a person with a name and height.\n    /// \u003c/summary\u003e\n    public class Person\n    {\n        /// \u003csummary\u003e\n        /// Gets or sets the name of the person.\n        /// \u003c/summary\u003e\n        public string Name { get; set; }\n\n        /// \u003csummary\u003e\n        /// Gets or sets the height of the person.\n        /// \u003c/summary\u003e\t\n        public double Height { get; set; }\n    }\n```\n\nNext, create a ViewModel class in C# and initialize it with a list of `Person` objects:\n\n**ViewModel.cs**\n\n```csharp\n    /// \u003csummary\u003e\n    /// ViewModel class that provides a list of Person objects for data binding.\n    /// \u003c/summary\u003e\n    public class ViewModel\n    {\n        /// \u003csummary\u003e\n        /// Gets or sets the list of Person objects.\n        /// \u003c/summary\u003e\t\n        public List\u003cPerson\u003e Data { get; set; }\n\n        /// \u003csummary\u003e\n        /// Initializes a new instance of the ViewModel class with sample data.\n        /// \u003c/summary\u003e\n        public ViewModel()\n        {\n            // Initialize the Data property with a list of Person objects\n            Data = new List\u003cPerson\u003e()\n            {\n                new Person { Name = \"David\", Height = 170 },\n                new Person { Name = \"Michael\", Height = 96 },\n                new Person { Name = \"Steve\", Height = 65 },\n                new Person { Name = \"Joel\", Height = 182 },\n                new Person { Name = \"Bob\", Height = 134 }\n            };\n        }\n    }\n```\n\n## Support\n\nFor any other queries, reach our [Syncfusion support team](https://mauitoolkit.syncfusion.com).\n\n## Contributing\nContributions are welcome! If you'd like to contribute, please check out our [contributing guide](./.github/CONTRIBUTING.md) for details on how to get started. Whether you find a bug, have a feature request, or want to submit code, we appreciate your help in improving the toolkit.\n\nSee the [Development Guide](./.github/DEVELOPMENT.md) for more details about this repository and project structure.\n\n\u003ca href=\"https://github.com/syncfusion/maui-toolkit/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=syncfusion/maui-toolkit\" /\u003e\n\u003c/a\u003e\n\n## About Syncfusion®\nFounded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion® has more than 35,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.\n \nToday, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [React](https://www.syncfusion.com/react-ui-components?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget)), mobile ([.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget) and [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget)).\n___\n\n[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion%20Maui%toolkit%20-%20NuGet) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=nuget\u0026utm_medium=listing\u0026utm_campaign=maui-toolkit-nuget) | Toll Free: 1-888-9 DOTNET\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusion%2Fmaui-toolkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusion%2Fmaui-toolkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusion%2Fmaui-toolkit/lists"}