<img src="https://cdn.syncfusion.com/content/images/flutter-widgets-banner-1.png"/>

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.

**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.

**Note:** Our packages are now compatible with Flutter for Web. However, this will be in Beta until Flutter for Web becomes stable.

<img src="https://cdn.syncfusion.com/content/images/flutter-widgets-collage.png"/>

- [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)

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).

| Package/Plugin | Available widgets/libraries | Pub | Points | Popularity | Likes |

|----------------|-----------------------------|-----|--------|------------|-------|

| [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) |

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.

**Step 3**

Run the following command to get the required packages.

**Step 4**

Run your application either using `F5` or `Run > Start Debugging`.

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.

**Step 3**

Run the following command to get the required packages.

**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`.

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.png"/></a>

<a href="https://apps.apple.com/us/app/syncfusion-flutter-ui-widgets/id1475231341"><img src="https://cdn.syncfusion.com/content/images/FTControl/apple-button.png"/></a>

</p>

<p align="center">

<a href="https://github.com/syncfusion/flutter-examples"><img src="https://cdn.syncfusion.com/content/images/FTControl/GitHub.png"/></a>

<a href="https://flutter.syncfusion.com"><img src="https://cdn.syncfusion.com/content/images/FTControl/web_sample_browser.png"/></a>

</p>

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)

* 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 salessupport@syncfusion.com | Toll Free: 1-888-9 DOTNET.

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.