Syncfusion Code Examples
Explore over examples of Syncfusion products, along with detailed demos that illustrate their real-world application integration.
Updated on Jun 26, 2026
This repository contains examples of PDF OCR using C# in different platforms.
dotnet
ocr-pdf
ocr-processing
Updated on Jun 26, 2026
A quick-start project that teaches you the pointer types and its customization in a Syncfusion Blazor Circular Gauge component to a Blazor WebAssembly app. You will learn how to change the pointer color, radius, position and enabling pointer dragging in Circular Gauge component.
blazor
blazor-ui-components
circular-gauge
Updated on Jun 26, 2026
This repo contains examples for using Syncfusion's .NET PowerPoint library, which allows programmatically to create, read, edit and convert PowerPoint files.
dotnet
powerpoint-library
pptx-to-images
Updated on Jun 26, 2026
This repository contains examples of HTML to PDF conversion using C#
aws
azure
cshap
Updated on Jun 26, 2026
A quick-start project that helps you to create a worksheet and edit a cell in React Spreadsheet component of Syncfusion. This project contains code snippets to insert, delete, rename sheets, and hide header, gridlines, and sheets. It also contains codes to edit and save cells, and cancel editing.
excel-like
react
react-spreadsheet
Updated on Jun 26, 2026
A quick-start project that helps you open an excel file in the React Spreadsheet component and save it on different file formats. This project also contains code snippets to open an Excel file on initial load, configure the server, send, and receive custom params, and use other APIs.
excel-like
excel-like-spreadsheet
react
Updated on Jun 26, 2026
A quick-start project that helps you work with cell ranges in the Syncfusion React Spreadsheet component. This project contains code snippets to wrap text, merge two or more cells, apply data validation, and auto fill data in a cell range. It also contains code to clear formatting, hyperlinks, formulas, and content.
ej2
react
spreadsheet
Updated on Jun 26, 2026
A quick-start project that helps you work with formulas in the Syncfusion React Spreadsheet component. The Spreadsheet component provides a built-in calculation library that supports most common formulas. This project demonstrates the analysis of a company's stock value for a certain period with formulas. This project also contains code to set formulas through the data source, the Formula tab in the Spreadsheet ribbon, user-defined functions, and named ranges.
formulas
react
reactjs
Updated on Jun 26, 2026
A quick-start project that shows how to apply formats to a cell range in the Syncfusion React Spreadsheet component. This project demonstrates how to format numbers in cell range as currency, percentages, decimals, and dates. This project also contains code to apply cell formatting options like font size, font family, font color, and fill color and conditional formats with preset colors, data bars, color scales, and icons scales.
react
react-spreadsheet
spreadsheets
Updated on Jun 26, 2026
A quick-start project that helps you freeze rows and columns in the Syncfusion React Spreadsheet component using the “Gross Salary calculation” as an example. In this sample output, you will also see the frozen rows and columns in place when scrolling the sheet content vertically or horizontally.
react
react-spreadsheet
reactjs
Updated on Jun 26, 2026
A quick-start project that helps you insert a chart in the Syncfusion React Spreadsheet component. In this project, a chart has been inserted in a specific cell position by using the chart property. This project also contains code to insert a chart by using the insertChart method. To enable or disable this feature, use the allowChart property in the Spreadsheet component. You can change the height and width of the chart by resizing it and move it to another position by dragging and dropping it.
charts
react
react-spreadsheet
Updated on Jun 26, 2026
A quick-start project that shows you how to insert an image in the Syncfusion React Spreadsheet component. In this project, insert an image in a specific cell position using the image property or the insertImage method. You’ll see how to change the height and width of the image by resizing it and move it to another position with drag and drop.
react
react-spreadsheet
reactjs