• Stars
    star
    1,899
  • Rank 23,645 (Top 0.5 %)
  • Language
    Dart
  • License
    Other
  • Created almost 5 years ago
  • Updated about 1 month ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This repository contains the Syncfusion Flutter UI widgets examples and the guide to use them.

Syncfusion Flutter examples

This repository contains awesome demos of Syncfusion Flutter UI widgets. This is the best place to check our widgets to get more insight into the usage of APIs. You can also check our widgets by installing the complete Flutter sample browser from Google Play Store or App Store, in which you can browse the demo for all the widgets and view the source code of each sample within the app itself.

Table of contents

Requirements to run the demo

  • IDE tools are Visual Studio code and Android studio.
  • Flutter SDK
    Channel Version
    Stable 2.0.2
    Beta 2.0.2
  • Dart and Flutter add-ons for Visual Studio Code (available via the Visual studio code extension) in Android Studio it available in plugin preference.

Repository Structure

The lib/samples directory contains the Flutter widget examples for each widget such as Charts, DataGrid, etc. All the examples can be deployed in Android, iOS, and web platforms.

Widgets Catalog

Widgets Repository
Barcode Generator Link
Calendar Link
Charts Link
DataGrid Link
Date Range Picker Link
Linear Gauge Link
Maps Link
PDF Link
PDF Viewer Link
Progress Bar Link
Radial Gauge Link
Range Selector Link
Range Slider Link
Slider Link
Spark Charts Link
Signature Pad Link
Treemap Link
XlsIO Link

License

Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the examples. The examples are for demonstrative purposes and if you choose to use or access the examples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the examples. By accessing, viewing, or otherwise seeing the examples you acknowledge and agree Syncfusion’s examples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s examples.

Using the examples

Step 1

Unzip the downloaded flutter example archive.

Note: If you clone this repository ignore this step.

Step 2

Open the flutter example folder in an IDE.

Step 3

Run the following command to get the required packages.

$ flutter pub get

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.

Useful links

Take a look at the following to learn more about Syncfusion Flutter widgets:

Support and feedback

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, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Blazor, mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, and UWP and WinUI). 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.

More Repositories

1

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.
Dart
1,449
star
2

essential-ui-kit-for-xamarin.forms

Free and beautiful XAML template pages for Xamarin.Forms apps.
C#
1,041
star
3

ej2-javascript-ui-controls

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.
TypeScript
383
star
4

ej2-react-ui-components

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
TypeScript
326
star
5

xamarin-demos

This repository contains the Syncfusion Xamarin UI control’s samples and the guide to use them.
C#
317
star
6

ej2-vue-ui-components

Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.
TypeScript
292
star
7

blazor-samples

Explore and learn Syncfusion Blazor components using large collection of demos, example applications and tutorial samples
HTML
281
star
8

ej2-angular-ui-components

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
TypeScript
272
star
9

wpf-demos

This repository contains the samples for Syncfusion WPF UI Controls and File Format libraries and the guide to use them.
C#
248
star
10

maui-demos

This repository contains the Syncfusion .NET MAUI control’s samples and the guide to use them
C#
179
star
11

winforms-demos

This repository contains the samples for Syncfusion Windows Forms UI Controls and File Format libraries and the guide to use them.
C#
178
star
12

Xamarin-ExpenseAnalysis

Expense Analysis is a cross-platform demo application built using Xamarin.Forms and Syncfusion controls. This app helps users track and analyze expenses.
C#
76
star
13

ej2-showcase-angular-appointment-planner

An demo appointment scheduling application for doctors in a clinic to manage their appointments with patients
TypeScript
68
star
14

blazor-showcase-appointment-planner

Demo appointment scheduling application for doctors in a clinic to manage their appointments with patients
HTML
67
star
15

xamarin-showcase-emi-calculator

This repository contains a cross-platform demo application built using Xamarin.Forms and Syncfusion controls. This app helps users to calculate EMI for the given principal, interest and tenure.
C#
66
star
16

xamarin-shopping-cart

This repository contains a cross-platform shopping application built using Syncfusion Xamarin controls and Essential UI Kit.
C#
56
star
17

winui-demos

This repository contains the Syncfusion WinUI Controls demos that help to get started and explore its functionality with controls such as Data Grid, Maps, Gauges.
C#
42
star
18

ej2-grids

Feature-rich grid control with built-in support for data binding, filtering, Paging, grouping, and stacked header.
TypeScript
41
star
19

ej2-angular-samples

Essential JS 2 demo samples for Angular
TypeScript
39
star
20

ej2-locale

Translation texts for Essential JS 2 components in multiple languages
37
star
21

blazor-showcase-expense-tracker

This expense tracker demo application showcases using several Syncfusion Blazor components together in a real-world application scenario. You can further explore the source code of this application and use it as a reference for integrating Syncfusion Blazor components into your applications.
C#
36
star
22

JavaScript-Widgets

Syncfusion Essential JavaScript is a comprehensive collection of over 80+ enterprise-grade HTML5 JavaScript components for building modern web applications.
Less
35
star
23

ej2-react-samples

Essential JS 2 demo samples for React. http://ej2.syncfusion.com/react/demos
TypeScript
32
star
24

ej2-vue-samples

Essential JS 2 demo samples for Vue
TypeScript
32
star
25

ej2-aspnetcore-samples

Explore and learn Syncfusion ASP.NET Core UI controls using large collection of demos, example applications and tutorial samples
HTML
31
star
26

ej2-showcase-angular-diagrambuilder

The diagram builder demo application showcases creating diagrams such as flow charts, Mind Map diagrams, and organization chart through visual interface.
TypeScript
27
star
27

blazor-locale

Locale translation resource files for all Syncfusion Blazor UI components in multiple cultures
24
star
28

ej2-showcase-vue-asset-management

Track and visualize software & hardware assets of an organization using IT asset management single page application (SPA) which is developed using Syncfusion Vue UI components
Vue
20
star
29

ej-global

This repository contains the localized texts of the Syncfusion Essential JavaScript widgets in various languages.
JavaScript
19
star
30

uwp-demos

This repository contains the samples for Syncfusion Universal Windows Platform UI Controls and File Format libraries and the guide to use them.
C#
19
star
31

ej2-showcase-angular-webmail

This Webmail demo application showcases the usage of several Essential JS 2 components in a real world application scenario. This demo explores a mailbox user interface which was inspired by the Outlook Office 365 application.
TypeScript
19
star
32

Uno.SfChart

Syncfusion Uno Chart is an easy to use library for building native mobile and WebAssembly apps with C#, XAML from a single codebase. The chart controls offers 10+ chart types namely line, column, area, bar, pie, doughnut, scatter, etc.
C#
19
star
33

taskplanner

Task Planner - ASP.Net Core based simple easy to use a standalone web application to plan project roadmaps, user stories, backlogs, estimates effortlessly using appealing and user-friendly interface for software development.
C#
18
star
34

ej2-quickstart

Essential JS 2 TypeScript quick start seed project for local development
JavaScript
17
star
35

ej-angular2

Essential Studio for JavaScript Angular 2 components for building modern web applications. It includes all the UI controls that are typically required for building line-of-business (LOB) applications including charts, grids, gantt, scheduler, diagram and much more.
TypeScript
15
star
36

file-formats-wpf-demos

This repository contains the samples for Syncfusion file format WPF products and the guide to use them.
C#
15
star
37

blazor-showcase-diagram-builder

Diagram Builder is a Blazor application which is used to create the diagrams like Flow Chart, process diagrams and more interactively.
HTML
15
star
38

blazor-showcase-healthtracker

This health tracker demo application showcases using several Syncfusion Blazor components together in a real-world application scenario. You can further explore the source code of this application and use it as a reference for integrating Syncfusion blazor components into your applications.
HTML
14
star
39

ej2-showcase-angular-expensetracker

This expense tracker demo application showcases using several Essential JS 2 components together in a real-world application scenario. You can further explore the source code of this application and use it as a reference for integrating Essential JS 2 components into your applications.
TypeScript
14
star
40

ej2-javascript-samples

Essential JS 2 demo samples for JavaScript (ES5). http://ej2.syncfusion.com/javascript/demos
JavaScript
13
star
41

ej2-ng-grids

Native Angular grid package built by extending the Essential JS 2 grid component.
TypeScript
12
star
42

ej2-streamlit-components

The Syncfusion Streamlit components library provides Streamlit components that are lightweight, responsive, and compatible across multiple browsers
Python
12
star
43

wpf-controls-localization-resx-files

This repository includes the resource(.resx) files with default strings that are used for localization of Syncfusion WPF libraries.
12
star
44

ej2-samples

Essential JS 2 demo samples for TypeScript
TypeScript
11
star
45

file-formats-windows-forms-demos

This repository contains the samples for Syncfusion file format Windows Forms products and the guide to use them.
C#
11
star
46

ej2-showcase-react-diagram-builder

The react diagram builder application is used to create the diagrams such as "Flow Charts", "MindMap Diagrams" and "Organization Chart" through Visual Interface
TypeScript
10
star
47

ej2-showcase-angular-loancalculator

This Loan calculator demo application showcases the usage of several Essential JS 2 components in a real world application scenario. You can use this application to Calculates your loan payment based on your loan amount, interest and term.
TypeScript
10
star
48

ej2-showcase-aspnetcore-expensetracker

Demo application to track and visualize your daily expenses in a handy way with great UI.
JavaScript
8
star
49

ej2-showcase-angular-stockchart

Demo application for track and visualize stock price of any company over a specific period using charting and range tools.
TypeScript
8
star
50

ej2-showcase-javascript-diagram-builder

The JavaScript diagram builder application is used to create the diagrams such as "Flow Charts", "MindMap Diagrams" and "Organization Chart" through Visual Interface.
JavaScript
8
star
51

angular2-seeds

A starter kit for Essential Studio for JavaScript Angular 2 components
JavaScript
8
star
52

blazor-showcase-document-explorer

Demo document explorer application for managing the file system that allows users to perform most common file operations like accessing, editing, and sorting files or folders and also opens Word, RTF, Text, PowerPoint and PDF documents.
C#
8
star
53

ej2-aspnetmvc-samples

Explore and learn Syncfusion ASP.NET MVC UI controls using large collection of demos, example applications and tutorial samples
HTML
8
star
54

xamarin-ui-kit-mycart-demo

This repository contains a Xamarin application created using the pages in Essential UI Kit. For more information about the Syncfusion Essential Xamarin UI Kit, please refer to https://www.syncfusion.com/essential-xamarin-ui-kit
C#
6
star
55

Xamarin-FileFormat-Demos

This application helps the users to get started with the basic operations in the files such as Excel, PDF, Word and PowerPoint using Syncfusion Xamarin File format libraries.
C#
6
star
56

ej2-showcase-ts-webmail

This Webmail demo application showcases the usage of several Essential JS 2 components in a real world application scenario. This demo explores a mailbox user interface which was inspired by the Outlook Office 365 application.
TypeScript
6
star
57

ej2-showcase-javascript-floor-planner

A floor plan is a type of drawing that shows you the layout of a home or property from above. The floor plan may depict an entire building, one floor of a building, or a single room. It may also include measurements, furniture, appliances, or anything else necessary to the purpose of the plan.
JavaScript
6
star
58

aspnet-ej1-demos

This repository contains the samples for Syncfusion Essential JS1 ASP.NET EJ1 Controls and the guide to use them.
Less
5
star
59

Xamarin-Chart-Types

Top 10 Charts from Essential Studio for Xamarin.Forms
5
star
60

SfQtWebKit

5
star
61

ej2-showcase-angular-healthtracker

This health tracker demo application showcases using several Essential Angular components together in a real-world application scenario. You can further explore the source code of this application and use it as a reference for integrating Essential Angular components into your applications.
CSS
5
star
62

xamarin-showcase-car-care

This repository contains a cross-platform demo application built using Xamarin.Forms and Syncfusion controls. This app helps the car service companies to track the status of the cars given for service and the works done.
C#
4
star
63

blazor-showcase-loan-calculator

This Loan calculator demo application effectively demonstrates the utilization of various Syncfusion Blazor components in a real-world scenario.
HTML
4
star
64

SfZxing

SfZxing is a PDF barcode reader based on Zxing
C#
4
star
65

ej2-showcase-ts-loancalculator

This Loan calculator demo application showcases the usage of several Essential JS 2 components in a real world application scenario. You can use this application to Calculates your loan payment based on your loan amount, interest and term.
TypeScript
4
star
66

ej2-typescript-seed

Seed project for Essential JS 2 http://www.syncfusion.com/products/essential-js2
JavaScript
4
star
67

enterpriseserver-reportapiclient

Sample C# client application to show how to consume the Syncfusion Report Server API. https://help.syncfusion.com/report-platform/report-server/api/rest-api-reference
C#
3
star
68

php-ej1-demos

This repository contains the samples for Syncfusion PHP jQuery UI controls and the guideline to use them.
Less
3
star
69

asp.net-core-docs

User guide documentation for Syncfusion ASP.NET Core UI components.
HTML
3
star
70

ej2-showcase-aspnetcore-outlook

Outlook like demo application with similar user interface to manage your mailbox.
JavaScript
3
star
71

wpf-docs

Syncfusion WPF Controls documentation.
HTML
3
star
72

reactjs-docs

User guide documentation for Syncfusion React JS UI controls
HTML
3
star
73

javascript-ej1-demos

This repository contains the samples for Syncfusion Essential JS 1 JavaScript UI Controls and the guide to use them.
Less
3
star
74

direct2d-succinctly

C++
3
star
75

blazor-showcase-mindmap

This repo contains the show case sample for blazor diagram
HTML
3
star
76

winui-controls-theme-resource-files

This repository includes the theme resource files, with default theme resource values used in Syncfusion WinUI - Project Reunion controls
3
star
77

ej2-showcase-aspnetcore-loan-calculator

Demo application that Calculates your loan payment based on your loan amount, interest and term.
CSS
3
star
78

file-formats-xamarin-demos

This repository contains the samples for Syncfusion file format Xamarin products and the guide to use them.
C#
3
star
79

ej2-showcase-js-expensetracker

Demo application to track and visualize your daily expenses in a handy way with great UI.
JavaScript
3
star
80

ReportPlatform-JavaScript

Syncfusion Report Platform JavaScript is a collection of HTML5 reporting components used to build modern web applications.
3
star
81

ej2-showcase-ts-expensetracker

This expense tracker demo application showcases using several Essential JS 2 components together in a real-world application scenario. You can further explore the source code of this application and use it as a reference for integrating Essential JS 2 components into your applications.
TypeScript
3
star
82

syncfusion-ember

Essential Studio for JavaScript Ember components to build modern web applications. It includes all the UI controls such as charts, grids, gantt, scheduler, diagram, and much more that are normally required for building line-of-business (LOB) applications.
JavaScript
3
star
83

aspnet-mvc-ej1-demos

This repository contains the samples for Syncfusion Essential JS1 ASP.NET MVC Controls and the guide to use them.
Less
3
star
84

file-formats-uwp-demos

This repository contains the samples for Syncfusion file format UWP products and the guide to use them.
C#
3
star
85

SfTesseract

SfTesseract is a PDF OCR processer based on Tesseract engine
C++
2
star
86

WPFToolkit

This is forked code plex source of wpf toolkit by microsoft.
C#
2
star
87

aspnet-core-ej1-demos

This repository contains the samples for Syncfusion ASP.NET Core jQuery UI controls and the guideline to use them.
C#
2
star
88

dashboarddesigner-global

This repository comprises the localized resource files of the Syncfusion Dashboard Designer and Viewer elements in various languages.
2
star
89

ej2-vue-docs

Documentation for Essential JS 2 Vue UI components. https://ej2.syncfusion.com/vue/documentation/
JavaScript
2
star
90

Flutter-docs

Syncfusion Flutter Widgets & Libraries Documentation
HTML
2
star
91

java-demos

This application helps the users to get started with the basic operations in the Word files using Syncfusion Java File format libraries
Rich Text Format
2
star
92

winui-controls-localization-resource-files

This repository includes the resource(.resw) files with default strings that are used for localization of Syncfusion WinUI libraries
2
star
93

ej2-themestudio

A web-based tool that can be used to customize the Essential JS 2 component themes. It supports importing and exporting customized themes, and filtering to select which components to change
SCSS
2
star
94

blazor-docs

User guide documentation for Syncfusion Blazor UI components https://blazor.syncfusion.com/documentation/introduction/
HTML
2
star
95

winforms-controls-localization-resx-files

This repository includes the resource(.resx) files with default strings that are used for localization of Syncfusion WinForms libraries.
2
star
96

ej2-angular-docs

Documentation for Essential JS 2 Angular UI components. https://ej2.syncfusion.com/angular/documentation/
JavaScript
2
star
97

enterpriseserver-reportazure

This repository holds the Azure App Service package of the Report Server which you can deploy in the Azure using ARM templates to spin a Syncfusion Report Server instance. It holds the package according to the release versions in the main application. https://www.syncfusion.com/support/directtrac/downloads/report
2
star
98

blazor-showcase-bpmn-editor

This repo contains the show case sample for blazor diagram
HTML
2
star
99

enterpriseserver-dashboardazure

This repository holds the Azure App Service package of the Dashboard Server which you can deploy in the Azure using ARM templates to spin a Syncfusion Dashboard Server instance. It holds the package according to the release versions in the main application. https://www.syncfusion.com/support/directtrac/downloads/dashboard
2
star
100

ej2-showcase-react-hotel-booking

ej2-react-hotel-booking
TypeScript
2
star