base on Syncfusion Flutter widgets libraries include high quality UI widgets and file-format packages to help you create rich, high-quality applications for iOS, Android, and web from a single code base. <img src="https://cdn.syncfusion.com/content/images/flutter-widgets-banner-1.png"/> # Syncfusion Flutter Widgets Syncfusion Flutter widgets libraries include high-quality UI widgets and file-format packages to help you create rich, high-quality applications for iOS, Android, and web from a single code base. Please find the [supported platforms](https://help.syncfusion.com/flutter/system-requirements#supported-platforms) for our Flutter widgets. **Disclaimer:** This is a commercial package. To use our packages, you need to have either the Syncfusion Commercial License or Syncfusion Community license. For more details, please check the [LICENSE](https://github.com/syncfusion/flutter-examples/blob/master/LICENSE) file. <img src="https://cdn.syncfusion.com/content/images/flutter-widgets-collage.png"/> ## Table of contents - [Repository structure](#repository-structure) - [Packages](#packages) - [How to use](#how-to-use) - [Referring packages source in your application](#referring-packages-source-in-your-application) - [Running the available example](#running-the-available-example) - [Get the demo application](#get-the-demo-application) - [Useful links](#useful-links) - [Support and feedback](#support-and-feedback) - [About Syncfusion](#about-syncfusion) ## Repository structure This repository holds the source code of all the Syncfusion Flutter widgets and libraries. Source code of the widget, a working example, read me, changelog, etc., files are available in the `packages` directory. Also, you can view the samples code from [this repository](https://github.com/syncfusion/flutter-examples). ## Packages | Package/Plugin | Available widgets/libraries | Pub | Points | Popularity | Likes | |----------------|-----------------------------|-----|--------|------------|-------| | [syncfusion_flutter_chat](./packages/syncfusion_flutter_chat/) | <ul><li>SfChat</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_chat) | [](https://pub.dev/packages/syncfusion_flutter_chat/score) | [](https://pub.dev/packages/syncfusion_flutter_chat/score) | [](https://pub.dev/packages/syncfusion_flutter_chat/score) | | [syncfusion_flutter_charts](./packages/syncfusion_flutter_charts/) | <ul><li>SfCartesianChart</li><li>SfCircularChart</li><li>SfPyramidChart</li><li>SfFunnelChart</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_charts) | [](https://pub.dev/packages/syncfusion_flutter_charts/score) | [](https://pub.dev/packages/syncfusion_flutter_charts/score) | [](https://pub.dev/packages/syncfusion_flutter_charts/score) | | [syncfusion_flutter_calendar](./packages/syncfusion_flutter_calendar/) | <ul><li>SfCalendar</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_calendar) | [](https://pub.dev/packages/syncfusion_flutter_calendar/score) | [](https://pub.dev/packages/syncfusion_flutter_calendar/score) | [](https://pub.dev/packages/syncfusion_flutter_calendar/score) | | [syncfusion_flutter_datagrid](./packages/syncfusion_flutter_datagrid/) | <ul><li>SfDataGrid</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_datagrid) | [](https://pub.dev/packages/syncfusion_flutter_datagrid/score) | [](https://pub.dev/packages/syncfusion_flutter_datagrid/score) | [](https://pub.dev/packages/syncfusion_flutter_datagrid/score) | | [syncfusion_flutter_pdfviewer](./packages/syncfusion_flutter_pdfviewer/) | <ul><li>SfPdfViewer</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_pdfviewer) | [](https://pub.dev/packages/syncfusion_flutter_pdfviewer/score) | [](https://pub.dev/packages/syncfusion_flutter_pdfviewer/score) | [](https://pub.dev/packages/syncfusion_flutter_pdfviewer/score) | | [syncfusion_flutter_pdf](./packages/syncfusion_flutter_pdf/) | <ul><li>PDF library</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_pdf) | [](https://pub.dev/packages/syncfusion_flutter_pdf/score) | [](https://pub.dev/packages/syncfusion_flutter_pdf/score) | [](https://pub.dev/packages/syncfusion_flutter_pdf/score) | | [syncfusion_flutter_xlsio](./packages/syncfusion_flutter_xlsio/) | <ul><li>XlsIO library</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_xlsio) | [](https://pub.dev/packages/syncfusion_flutter_xlsio/score) | [](https://pub.dev/packages/syncfusion_flutter_xlsio/score) | [](https://pub.dev/packages/syncfusion_flutter_xlsio/score) | | [syncfusion_flutter_datepicker](./packages/syncfusion_flutter_datepicker/) | <ul><li>SfDateRangePicker</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_datepicker) | [](https://pub.dev/packages/syncfusion_flutter_datepicker/score) | [](https://pub.dev/packages/syncfusion_flutter_datepicker/score) | [](https://pub.dev/packages/syncfusion_flutter_datepicker/score) | | [syncfusion_flutter_maps](./packages/syncfusion_flutter_maps/) | <ul><li>SfMaps</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_maps) | [](https://pub.dev/packages/syncfusion_flutter_maps/score) | [](https://pub.dev/packages/syncfusion_flutter_maps/score) | [](https://pub.dev/packages/syncfusion_flutter_maps/score) | | [syncfusion_flutter_gauges](./packages/syncfusion_flutter_gauges/) | <ul><li>SfRadialGauge</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_gauges) | [](https://pub.dev/packages/syncfusion_flutter_gauges/score) | [](https://pub.dev/packages/syncfusion_flutter_gauges/score) | [](https://pub.dev/packages/syncfusion_flutter_gauges/score) | | [syncfusion_flutter_sliders](./packages/syncfusion_flutter_sliders/) | <ul><li>SfSlider</li><li>SfRangeSlider</li><li>SfRangeSelector</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_sliders) | [](https://pub.dev/packages/syncfusion_flutter_sliders/score) | [](https://pub.dev/packages/syncfusion_flutter_sliders/score) | [](https://pub.dev/packages/syncfusion_flutter_sliders/score) | | [syncfusion_flutter_signaturepad](./packages/syncfusion_flutter_signaturepad/) | <ul><li>SfSignaturePad</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_signaturepad) | [](https://pub.dev/packages/syncfusion_flutter_signaturepad/score) | [](https://pub.dev/packages/syncfusion_flutter_signaturepad/score) | [](https://pub.dev/packages/syncfusion_flutter_signaturepad/score) | | [syncfusion_flutter_barcodes](./packages/syncfusion_flutter_barcodes/) | <ul><li>SfBarcodeGenerator</li></ul> | [](https://pub.dev/packages/syncfusion_flutter_barcodes) | [](https://pub.dev/packages/syncfusion_flutter_barcodes/score) | [](https://pub.dev/packages/syncfusion_flutter_barcodes/score) | [](https://pub.dev/packages/syncfusion_flutter_barcodes/score) | | [syncfusion_officechart](./packages/syncfusion_officechart/) | <ul><li>Office chart library</li></ul> | [](https://pub.dev/packages/syncfusion_officechart) | [](https://pub.dev/packages/syncfusion_officechart/score) | [](https://pub.dev/packages/syncfusion_officechart/score) | [](https://pub.dev/packages/syncfusion_officechart/score) | | [syncfusion_officecore](./packages/syncfusion_officecore/) | This package is a dependecy package for `Office chart` library. | [](https://pub.dev/packages/syncfusion_officecore) | [](https://pub.dev/packages/syncfusion_officecore/score) | [](https://pub.dev/packages/syncfusion_officecore/score) | [](https://pub.dev/packages/syncfusion_officecore/score) | | [syncfusion_flutter_core](./packages/syncfusion_flutter_core/) | This package is a dependecy package for all the Syncfusion Flutter widgets and libraries. | [](https://pub.dev/packages/syncfusion_flutter_core) | [](https://pub.dev/packages/syncfusion_flutter_core/score) | [](https://pub.dev/packages/syncfusion_flutter_core/score) | [](https://pub.dev/packages/syncfusion_flutter_core/score) | | [syncfusion_localizations](./packages/syncfusion_localizations/) | This package contains localized text for 77 cultures for all the applicable Syncfusion Flutter Widgets.| [](https://pub.dev/packages/syncfusion_localizations) | [](https://pub.dev/packages/syncfusion_localizations/score) | [](https://pub.dev/packages/syncfusion_localizations/score) | [](https://pub.dev/packages/syncfusion_localizations/score) | ## How to use ### Referring packages source in your application All the packages available in the `packages` folder can be referred in your application by following the below steps. **Step 1** Clone the [flutter-widgets]() repository into your machine. **Step 2** Refer the required package in your application's `pubspec.yaml` file by mentioning its local path. For example, here we have referred the charts package. ```dart syncfusion_flutter_charts: path: D:/flutter-widgets/packages/syncfusion_flutter_charts ``` **Step 3** Run the following command to get the required packages. ```dart $ flutter pub get ``` **Step 4** Run your application using the following commands: **Windows & Linux** Run code: Ctrl + F5 Run with debugging: F5 or Run > Start Debugging Stop debugging: Shift + F5 Restart debugging: Ctrl + Shift + F5 **MacOS** Run code: Cmd + F5 Run with debugging: F5 or Run > Start Debugging Stop debugging: Shift + Cmd + F5 Restart debugging: Cmd + Shift + F5 **Web (VS Code in the Browser)** Run code: Ctrl + F5 Run with debugging: F5 or Run > Start Debugging ### Running the available example All the packages available in the `packages` folder has an example and it can be run by following the below steps. **Step 1** Clone the [flutter-widgets]() repository into your machine. **Step 2** Open the example folder available in packages in an IDE. The below path is for reference. ```dart ..\flutter-widgets\packages\syncfusion_flutter_charts\example ``` **Step 3** Run the following command to get the required packages. ```dart $ flutter pub get ``` **Note:** In the example, packages are referred from the local folder which is available in this repository. If you wish, you can also refer the packages from [pub](https://pub.dev). **Step 4** Run your application either using `F5` or `Run > Start Debugging`. ## Get the demo application Explore the full capabilities of our Flutter widgets on your device by installing our sample browser applications from the below app stores, and view samples code in GitHub. <p align="center"> <a href="https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples"><img src="https://cdn.syncfusion.com/content/images/FTControl/google-play-store.png"/></a> <a href="https://flutter.syncfusion.com"><img src="https://cdn.syncfusion.com/content/images/FTControl/web-sample-browser.png"/></a> <a href="https://www.microsoft.com/en-us/p/syncfusion-flutter-gallery/9nhnbwcsf85d?activetab=pivot:overviewtab"><img src="https://cdn.syncfusion.com/content/images/FTControl/windows-store.png"/></a> </p> <p align="center"> <a href="https://install.appcenter.ms/orgs/syncfusion-demos/apps/syncfusion-flutter-gallery/distribution_groups/release"><img src="https://cdn.syncfusion.com/content/images/FTControl/macos-app-center.png"/></a> <a href="https://snapcraft.io/syncfusion-flutter-gallery"><img src="https://cdn.syncfusion.com/content/images/FTControl/snap-store.png"/></a> <a href="https://github.com/syncfusion/flutter-examples"><img src="https://cdn.syncfusion.com/content/images/FTControl/github-samples.png"/></a> </p> ## Useful links Take a look at the following to learn more about Syncfusion Flutter widgets: * [Syncfusion Flutter product page](https://www.syncfusion.com/flutter-widgets) * [User guide documentation](https://help.syncfusion.com/flutter/introduction/overview) * [API reference](https://help.syncfusion.com/flutter/introduction/api-reference) * [Knowledge base](https://www.syncfusion.com/kb/flutter) * [Video tutorials](https://www.syncfusion.com/tutorial-videos/flutter) ## Support and feedback * For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident) or post the queries through the [Community forums](https://www.syncfusion.com/forums) and submit a feature request or a bug through our [Feedback portal](https://www.syncfusion.com/feedback/flutter). * To renew the subscription, click [renew](https://www.syncfusion.com/sales/products) or contact our sales team at [email protected] | Toll Free: 1-888-9 DOTNET. ## About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 20,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. Today we provide 1,000+ controls and frameworks for web ([ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls), [JavaScript](https://www.syncfusion.com/javascript-ui-controls), [Angular](https://www.syncfusion.com/angular-ui-components), [React](https://www.syncfusion.com/react-ui-components), [Vue](https://www.syncfusion.com/vue-ui-components), and [Blazor](https://www.syncfusion.com/blazor-components), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls), [Flutter](https://www.syncfusion.com/flutter-widgets), [UWP](https://www.syncfusion.com/uwp-ui-controls), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls), [WPF](https://www.syncfusion.com/wpf-ui-controls), and [UWP](https://www.syncfusion.com/uwp-ui-controls)). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. ", Assign "at most 3 tags" to the expected json: {"id":"9399","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"