syncfusion/blazor-samples syncfusion/blazor-samples

  • Stars
    star
    290
  • Rank 142,981 (Top 3 %)
  • Language
    HTML
  • Created over 5 years ago
  • Updated 2 months ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
syncfusion/blazor-samples
github

syncfusion

Reviews

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

Repository Details

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

Syncfusion Blazor Component Examples

This repository contains the demos of Syncfusion Blazor Components. This is the best place to check the controls to get more insight into the usage of APIs.

The following topics can help you to use the Syncfusion Blazor Components and run this application in your local.

Requirements to run the demo

How to run the demo

Clone the repository. This repository contains both Blazor Server demos and Blazor WASM demos with .NET Core 3.1 and .NET 6 project and solution files. This repository has Common, Blazor Server Demos and Blazor WASM Demos folder.

  • Blazor-Server-Demos folder has solution and project files to run Blazor server demos.
  • Blazor-WASM-Demos folder has solution and project files to run Blazor WebAssembly demos.
  • Blazor-WASM-Hosted-Demos folder has solution and project files to run Blazor WebAssembly Hosted demos.
  • The Common folder contains all the common files (i.e., samples, static web assets, resources) which are applicable for Blazor Server Demos, Blazor WebAssembly Demos and Blazor WebAssembly Hosted Demos.

Run the demo using .NET CLI

  • Open the command prompt from the demo's directory.

  • Run the demo using the following command.

    To run .NET 6 Blazor Server Demos project

    dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET6.csproj

    To run .NET 7 Blazor Server Demos project

    dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET7.csproj

    To run .NET 6 Blazor WASM Demos project

    dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos_NET6.csproj

    To run .NET 7 Blazor WASM Demos project

    dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos_NET7.csproj

    To run .NET 6 Blazor WASM-Hosted Demos project

    dotnet run --project Blazor-WASM-Hosted-Demos/Server/Blazor_WASM_Hosted_Demos_NET6.Server.csproj

    To run .NET 7 Blazor WASM-Hosted Demos project

    dotnet run --project Blazor-WASM-Hosted-Demos/Server/Blazor_WASM_Hosted_Demos_NET7.Server.csproj

Run the demo using Visual Studio

  • Open the solution file using Visual Studio.
  • Press Ctrl + F5 to run the demo.

Run the demo using Visual Studio code

  • Open the Visual Studio code from the demos directory where the project file is present.

    Ensure the C# for Visual Studio Code extension is installed in your Visual Studio code before running the Blazor demos.

  • Press Ctrl + F5 to run the demo.

Blazor Components Catalog

GRIDS

 

FILE VIEWERS & EDITORS

 

DOCUMENT PROCESSING LIBRARIES

 

LAYOUT

 

DATA VISUALIZATION

 

BUTTONS


 

 

 

 

CALENDARS

 

INPUTS

 

FORMS

 

 

 

 

DROPDOWNS

 

NAVIGATION

 

NOTIFICATION

 

 

License

Syncfusion Blazor Components is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.

To be qualified for the Syncfusion Community License Program, you must have gross revenue of less than one (1) million U.S. dollars (USD 1,000,000.00) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.

Customers who do not qualify for the community license can contact [email protected] for commercial licensing options.

You may not use this product without first purchasing a Community License or a Commercial License, as well as agreeing to and complying with Syncfusion's license terms and conditions.

The Syncfusion license that contains the terms and conditions can be found at https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

Support and feedback

See also

More Repositories

1

flutter-examples

This repository contains the Syncfusion Flutter UI widgets examples and the guide to use them.
Dart
1,951
star
2

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,566
star
3

essential-ui-kit-for-xamarin.forms

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

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
400
star
5

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
343
star
6

xamarin-demos

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

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
295
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
274
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#
259
star
10

winforms-demos

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

maui-demos

This repository contains the Syncfusion .NET MAUI control’s samples and the guide to use them
C#
188
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#
79
star
13

blazor-showcase-appointment-planner

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

ej2-showcase-angular-appointment-planner

An demo appointment scheduling application for doctors in a clinic to manage their appointments with patients
TypeScript
70
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#
65
star
16

xamarin-shopping-cart

This repository contains a cross-platform shopping application built using Syncfusion Xamarin controls and Essential UI Kit.
C#
59
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

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#
40
star
20

ej2-angular-samples

Essential JS 2 demo samples for Angular
TypeScript
39
star
21

ej2-locale

Translation texts for Essential JS 2 components in multiple languages
38
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
34
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
28
star
27

blazor-locale

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

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#
20
star
29

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
30

ej-global

This repository contains the localized texts of the Syncfusion Essential JavaScript widgets in various languages.
JavaScript
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

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#
19
star
33

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
34

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
17
star
35

ej2-quickstart

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

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
37

file-formats-wpf-demos

This repository contains the samples for Syncfusion file format WPF products and the guide to use them.
C#
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

ej2-samples

Essential JS 2 demo samples for TypeScript
TypeScript
12
star
44

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

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#
9
star
49

ej2-aspnetmvc-samples

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

ej2-showcase-aspnetcore-expensetracker

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

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
52

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
53

angular2-seeds

A starter kit for Essential Studio for JavaScript Angular 2 components
JavaScript
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

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
63

SfZxing

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

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
65

ej2-typescript-seed

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

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

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
73

blazor-showcase-mindmap

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

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
75

direct2d-succinctly

C++
3
star
76

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
3
star
77

reactjs-docs

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

ej2-showcase-aspnetcore-loan-calculator

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

file-formats-xamarin-demos

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

ej2-showcase-js-expensetracker

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

ej2-angular-docs

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

ReportPlatform-JavaScript

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

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
84

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
85

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
86

file-formats-uwp-demos

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

blazor-showcase-fitness-tracker

To demonstrate a dashboard that contains a user's fitness tracking details, primarily about the user's daily activities, diet plan, and fasting details. The demo was built primarily in native blazor with syncfusion blazor components.
HTML
3
star
88

SfTesseract

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

WPFToolkit

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

dashboarddesigner-global

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

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
92

ej2-vue-docs

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

Flutter-docs

Syncfusion Flutter Widgets & Libraries Documentation
HTML
2
star
94

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
95

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
96

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
97

blazor-docs

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

ej2-powerapps-components

This repository features Syncfusion PowerApps components built using the PowerApps Component Framework (PCF). These components offer rich UI elements such as Data Grids, Charts, Schedules, and more, designed to enhance the functionality and flexibility of PowerApps applications.
TypeScript
2
star
99

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
100

blazor-showcase-bpmn-editor

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