Ignite UI Logo

Build Blazor Apps Faster with C# Components

Create rich web applications using your C# skills and eliminate complex and hard to learn JavaScript. Ignite UI for Blazor controls makes it easy with the fastest data grid, 60+ high-performance Charts, Stock Charts, Pie Charts, Geospatial Maps, Multi-Column Combo Box, and more. Professionally designed Blazor components including full support for Blazor Server, Blazor WebAssembly, and .NET 5. 

Ignite UI Blazor Data Grid, built using Ignite UI for Blazor components, showing a visualization of sales data.
Blazor logo

Full-Featured Blazor Data Grid and Table

Our full-featured, lightweight Blazor Data Grid and Blazor Table were built to meet the challenge of displaying high volumes of data, while providing all the interactive features your customers expect. Blazor components designed for modern C# Blazor apps, including full support for Blazor WebAssembly, you can deploy to any modern browser for the best possible user experience.

Trusted by the World's Best

Bank of America logo
Intuit Logo
Charles Swab Corporation logo
Blue Yonder logo
Tyler logo

Having features ready for our business apps and high-quality technical support helped our development. In order to achieve our requirements for Data Grids, it would have been twice the cost if we hadn’t integrated Infragistics’ Ignite UI.

Hiroshi Kubo - Principal Software Architect for B-EN-G
logo for B-EN-G, customer who uses Ignite UI to accelerate app development

B-EN-G

To continue providing customers with cutting-edge technological features, B-EN-G set out to meet the needs of customers wishing to connect to a new range of devices that make up the Internet of Things (IOT). Read More

Fast, Interactive Blazor WebAssembly Charts and Graphs

Build expressive dashboards for deep analytics, and render millions of data points in real time, with more than 65 high performance Blazor charts and graphs. Optimized for both Blazor WebAssembly and Blazor Server, we have included the most asked for Blazor components - stock charts, line charts, and bar charts. Ignite UI for Blazor fulfills your fintech and business needs for high-performance Blazor components and features for Blazor charts.

Stock Chart, built using Ignite UI for Blazor components, showing a visualization of financial data.

All the Features You Need – Just Like Excel Charts!

Choose from over 65 chart types to graph your data, including bar chart, line chart, column chart, pie chart, area chart, Treemap chart, geospatial maps, stock charts, and much more. Even better, you get all of the best features your users have come to love using Excel Charts, Google Finance or Yahoo Finance charts!

ignite ui spaceman

Blazor Components to Ignite Your Next Project

Full-featured, easy-to-use Blazor components giving you the power to create build data-rich, responsive web apps.

Accelerate Your App Creation by 80%

What if you could skip the complex iterations and costly errors that occur across design and development teams that delay app creation?

Now you can with Indigo.Design, a digital product design platform that accelerates app delivery. Included in Infragistics Ultimate, Indigo.Design is the only complete design-to-code system on the market that integrates prototyping, design systems, user testing, app building and code generation. With the new Cloud-based, WYSIWYG drag & drop tool so you can build complete business apps faster than ever before, saving both time and money!

Blazor sample app - Inspiration is Everywhere

Get started with your next Blazor project with sample applications, professionally designed and developed using our library of Blazor components and controls, for UI and designs to help you create data-rich, apps using C# and .NET 5.

View All Reference Applications

U.S. Presidential Election Dashboard

Built in Blazor (WASM) using Ignite UI for Blazor, the U.S. Presidential Election Dashboard provides interactive visualizations of election data up to the 2020 election, using our Blazor Data Grid.

Get the App

Blazor Resources

Leverage these helpful resources to learn how to build better Blazor apps, faster.

  • Getting Started with Ignite UI for Blazor Everything you need to start with your next project faster using Ignite UI for Blazor. From set-up and use of the Blazor CLI to importing modules and updating an existing app. Learn More
  • Ignite UI for Blazor RoadmapCheck out the roadmap for Ignite UI for Blazor for an overview of the latest release and what is to come. Learn More
  • UI Toolkit Standardization Leveraging a standard UI toolkit can help reduce project development and testing time by 33%. Read this whitepaper and learn how your organization can reduce time-to-market and development costs. Learn More
  • Node.js and Visual Studio Code logos
  • Brian Lagunas giving thumbs up for Ignite UI Resources for Desktop to web
  • Infographic depicting 33% reduction in development costs when implementing a UX / UI process

Help and Samples

Everything you need to get started with your next Blazor project!

Choose the Plan That's Right for You!

Good Value

The comprehensive, UI components library for Blazor.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.
Great Value

The comprehensive UI components library for web, mobile, and desktop.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.

Blazor Blogs and Releases - Join the Conversation

Ignite Rocket

Frequently Asked Questions for Blazor

Questions and Answers for Ignite UI for Blazor

What is Blazor?

Blazor is a free and open-source web framework that enables developers to create web apps using C# and HTML. It is being developed by Microsoft. Infragistics is an active contributor and supporter of Blazor.

How does Blazor work?

Blazor is a framework for building modern web applications that run in the browser that are built with .NET. Blazor let you build web apps with two different rendering models – a server-side (Blazor Server) or a client-side (Blazor WebAssembly) model.

  • Blazor Server applications are ASP.NET Core hosted apps on the server running ASP.NET Core Razor pages. Processing is done on the server, with client HTML page updates done via a SignalR connection from the server end point.
  • Blazor WebAssembly is a single-page application (SPA) framework that runs .NET assemblies written in C# directly in the browser. WebAssembly, an open standard for running binary code in web pages. In this mode, your code is executing against a .NET runtime that is downloaded with your application.
  • No matter which of the two approaches you use for your web application, both let you build you web apps using C# for both client and server code instead of JavaScript, while still allowing you to use any JavaScript library with Blazor’s JavaScript interop bridge.

Is Blazor the future?

The unique value of Blazor is that you create apps with C# instead of JavaScript, giving .NET developers an excellent choice for building new, interactive experiences on the web, including a great path for moving from desktop apps to web apps. While JavaScript frameworks come and go, ASP.NET from Microsoft is still going strong after 20 years. While there have been different flavors and iterations of ASP.NET, a common, consistent theme in every version of ASP.NET is the C# programming language and the .NET Framework. Used by millions of developers for 2 decades, the power and flexibility of the .NET Framework runs the largest (and smallest) companies in the world today. With Blazor, there is a path forward for building web apps with a modern framework. In terms of the what the future holds, Microsoft has a strong roadmap for Blazor, both Blazor Server and Blazor WebAssembly. Platform features, performance enhancements and long-term support with .NET 5 and moving to .NET 6 have also been announced by Microsoft. At Infragistics, we believe Blazor has a strong future, and we are investing in UI controls and components so you can build the best possible apps with Blazor.

What is Blazor app?

A Blazor App is an interactive, modern web application built using ASP.NET, C# and the .NET Framework that can run any type of line-of-business application, productivity application or SaaS application on the web. ASP.NET Blazor is a Blazor is a framework for building interactive client-side web UI with .NET. Blazor apps are different than Angular or React apps in these ways:

  • Developers use C# instead of JavaScript, but they are not excluded from using JavaScript.
  • Developers can take full advantage of the .NET Framework which has decades of security and reliability built in.
  • Application logic can be shared across the client and server using ASP.NET Core.
  • Developers have a choice if a server-based model using ASP.NET Core, or a pure client-side model using WebAssembly.
  • Blazor WebAssemby processing is entirely done in the browser on the client, using a .NET runtime. A Blazor app is built using C# classes, C# libraries or JavaScript libraries, and Razor pages. Razor pages are represented as .razr files, and let developers combine HTML markup with C# code in a single page.

What are Blazor components?

A Blazor component is reusable .NET C# class built into .NET assemblies that are used for client-side UI logic and composition. A Blazor component represents an element of the UI (C# code, HTML markup, other components) of a Blazor web application like a page, form, data grid, data chart or any aspect of a page that gets rendered as HTML. A component handles interactions, events, and rendering logic. Components can be nested and reused in a web app or in different web apps as Razor class libraries or NuGet packages. The benefit of the Razor page for Blazor components is that a developer can include HTML markup, JavaScript and C# in a single file, using the power of Visual Studio intellisense and debugging to accelerate component and page development. Infragistics ships over 30 Blazor components, and we are investing in Blazor components heavily in 2021 to further bring you what you need to build your apps of the future.

How is Blazor performance compared to other frameworks?

Performance is critical to the success of any application framework. If operations are slow, pages render slow, interactions are slow, there will be no adoption of a framework. Microsoft knows this better than anyone. With Blazor, like any new technology, there are always issues that come up with a version 1, some of them related to performance. The biggest pushback with Blazor is around the size of the package that includes the .NET Framework and the WebAssembly of the actual application being run. Since WebAssembly is more than a simple HTML page, it includes DLL’s and binaries that are sent from the server to the client, there is a risk of a larger initial payload, which could affect your app if it is a SaaS app on the web. For internal line-of-business apps, payload size is usually not relevant. Microsoft is committed to addressing performance issues in Blazor, from the initial payload size to the overall performance of runtime execution on the client. At Infragistics, we expect these issues to be addressed between now and when .NET 6 is released in the fall of 2021.

Is Blazor production ready?

Blazor is production ready, in fact, many small business and enterprise companies are using Blazor today. Blazor was first released by Microsoft in 2018, but the excitement for Blazor hit a high around the official release of Blazor WebAssembly on May 19th, 2020. Blazor WebAssembly closely matches the SPA (Single Page Application) pattern for writing applications that Angular and React follow. This means an application is not dependent on a web server to perform business logic, it can run in the browser and the web server is only necessary to serve static content to the client. Even better, a .NET developer, who knows C#, can build modern, interactive web applications using Blazor without having to know JavaScript. At Infragistics, we see huge interest in Blazor, we believe Blazor is production ready especially for internal line-of-business applications that you might consider migrating from Windows Forms or WPF to the Web. We see growth picking up in 2021 and customers starting in earnest in 2021 building Blazor applications.

How Do I Create a Blazor App?

Creating a Blazor app is simple.

Prerequisites for a Blazor App

  1. Install Visual Studio 2019 version 16.6 for Windows or version 8.6 for Mac with ASP.NET and Web Development installed.
  2. Install .NET 5 SDK if you are using Visual Studio Code

Creating a Blazor App with Visual Studio

  1. Open Visual Studio.
  2. Click Create a New Project.
  3. Select Blazor App then click Next.
  4. Change the Project name, Location and Solution name, or leave the defaults, then click Next.
  5. Choose Blazor Server App if you want to create a server-side web app using ASP.NET Core or choose Blazor WebAssembly App if you want to create a WebAssembly that will run on the client.
  6. If you chose Blazor WebAssembly App, check the ASP.NET Core hosted checkbox, as you app's assets are deployed as static files to an ASP.NET Core server to serve the static content to the clients.
  7. Click the Create button.

Creating a Blazor App with Visual Studio Code with Command Line

  1. In Visual Studio Code, open a new Terminal.
  2. At the Terminal prompt, type one of the following, based on the type of Blazor app you’d like to create, Blazor WebAssembly or Blazor Server:

dotnet new blazorwasm

dotnet new blazorserver

To learn all the options for creating Blazor apps at the command line, use the -h to get the Help options

dotnet new blazorwasm -h

dotnet new blazorserver -h

What is Ignite UI for Blazor?

Ignite UI for Blazor is a complete library of Blazor components and controls designed for C# and .NET developers looking to build rich and responsive web apps, including 60+ data charts and graphs, data grids and tables, and user interface (UI) components.

What makes Ignite UI for Blazor different from other UI toolkits?

Ignite UI for Blazor is the most complete library of enterprise-grade, Blazor UI components available. Professionally designed and developed for C# and .NET developers, Ignite UI for Blazor provides you with everything you need to build rich web applications. All backed by Infragistics 30+ years of industry leadership and our award-winning live support.

How does the pricing and licensing for Ignite UI for Blazor work?

Ignite UI for Blazor is licensed via a subscription model. A single developer license starts at $749.00 USD for a one-year subscription, including one year of standard support and updates. We also offer discounts for multi-year licenses. Please refer to the Pricing page for more information on pricing.

How do I get started with Ignite UI for Blazor?

The best place to get started is the documentation and getting started materials for Ignite UI for Blazor.

Where can I find Blazor component samples and sample applications?

The team at Infragistics maintains a comprehensive library of Blazor code samples which you can access  here. We also maintain a library of sample applications, which you can access here.

Is Ignite UI for Blazor compatible with .NET 5?

As of the Infragistics Ultimate 20.2 release, all our components and solutions are all now .NET 5 compatible.

Connect with Infragistics

Follow Us for the Latest News and Updates

Ignite Rocket