Ignite UI for Blazor logo

Build Blazor Apps Faster With C# Components

Ignite UI for Blazor component library packs 35+ native Blazor UI Controls with 60+ high-performance Charts designed for any app scenario. You get the fastest Blazor grid on the planet, Blazor Dock Manager, and more with complete control over how your app looks, including base Bootstrap, Fluent and Material themes. With full support for Blazor Server, Blazor WebAssembly, and .NET 6 and the exclusive option to kickstart your next high-performant project with drag and drop WYSIWYG App Builder™.

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

Design and Build Real Blazor Apps Blazing Fast

App Builder™ is a new cloud-based WYSIWYG drag & drop IDE that eliminates the complexity of user interface design and development so you can build business apps faster than ever before. Choose from a library of pre-built app templates or responsive screen layouts or drop in a Sketch or Adobe XD file. Then customize with a toolbox of 60+ UI controls and 65+ charts to kick-start your next digital product design!

Blazor logo

Full-Featured Blazor Data Grid and Table

Packed with the most powerful and lightweight Data Grid component, our Blazor component library enables you to quickly handle and display high volumes of data with little to no coding or configuration. Try out interactive features that your customers expect. Including Pagination, Filter Row, Group-by, Cell Merging, Localization and more. Comprehensive documentation and demos available as well.

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!

Blazor WebAssembly vs. Blazor Server

All Ignite UI for Blazor components are fully supported in Blazor WebAssembly apps and Blazor Server apps. If you are not sure which Blazor model to choose, here is a quick comparison of Blazor WebAssembly vs. Blazor Server:

Blazor WebAssembly

In Blazor WebAssembly, your Blazor application, its dependencies, and the .NET runtime are downloaded to the browser in parallel and your Blazor application is executed directly on the browser UI thread.

Blazor Server

In Blazor Server, your Blazor application is executed on the server from within an ASP.NET Core app. UI updates, event handling, and JavaScript calls are handled over a SignalR connection.

You choose which model works best for you – we do not limit how you use the Blazor components in your new Blazor apps!

ignite ui spaceman

Blazor Components To Ignite Your Next Project

Explore the full list of Ignite UI for Blazor UI controls and components. Full-featured, easy-to-use Blazor components giving you the power to create data-rich, responsive web apps 10x more time-efficiently.

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

View All Reference Applications
U.S. Presidential Election Dashboard

Election Dashboard

Built in Blazor (WASM) using Ignite UI for Blazor, this dashboard provides interactive visualizations of election data up to the 2020 election, using our Blazor Data Grid.

Learn More
App Dashboard showing Travel App

Travel App

Explore some of the most beautiful destinations with the Travel app that lets you organize and display exotic locales using card layouts and image galleries.

Learn More
App showing e-commerce Auto Shop

E-Commerce App

Set up shop online and let customers browse items and add them to a shopping cart with the e-commerce Auto Shop app.

Learn More

Blazor Resources

Leverage these helpful resources to start building better Blazor apps faster than before. Quickly learn everything with hands-on tutorials, videos and the latest blog posts covering it all - from what are Blazor components and how to set up Blazor CLI for the first time to Blazor UI toolkit standardization and more.

  • Getting Started with Blazor Components Everything you need to start with your next project faster using Blazor with Ignite UI. From set-up and use of the Blazor CLI to importing modules and updating an existing app. Learn More
  • Blazor Server vs Blazor WebAssemblyFind out why WebAssembly is the key technology for running .NET in the browser and when to use it versus Blazor Server. 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
  • Blazor Server vs Blazor WebAssembly
  • 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!

All bundles include App Builder™, the only cloud-based, WYSIWYG drag & drop design-to-code tool that helps teams build complete business apps faster than ever before. Every control has user experience ‘built-in,’ and our continuous release schedule ensures the fastest updates to all major frameworks.

Good Value

  • 100s of UI controls and components for every major web framework
  • Fastest way to build modern web apps
$0 per developer, royalty-free subscription

Multi-user & Multi-year discount

Save $200 per user at checkout for multiple users
No multi-year discounts available.
Great Value

  • Everything in Ignite UI
  • .NET components
  • The comprehensive UI components library for web, mobile and desktop developers
$0 per developer, royalty-free subscription

Multi-user & Multi-year discount

Save $200 per user at checkout for multiple users
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 developed by Microsoft and represents free, open-source web framework that enables developers to create feature-rich web apps using C#, HTML code and Razor syntax instead of JavaScript. Building server-side apps happens with Blazor Server, while Blazor WebAssembly executes client-side apps directly in the browser. 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 component library?

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. The Blazor component library includes 60+ data charts and graphs for better visualizations, fast data grids and tables, and user interface (UI) components. 

What makes Ignite UI for Blazor components 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 often does Infragistics release updates to their Blazor UI Components?

Infragistics releases minor updates every month with two big releases per year where we introduce new Blazor components, product features and enhancements. 

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

Our Blazor components are included as a part of our Ignite UI bundle. A single developer license starts at $1,295 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 Ignite UI for Blazor documentation and getting started materials. It provides a step-by-step explanation for creating Blazor Server apps, Blazor WebAssembly apps, and .NET MAUI Blazor apps using Visual Studio. You can also add Ignite UI for Blazor to an existing application. Simply go to Install Ignite UI for Blazor Package.

Can I deploy an application that uses Ignite UI for Blazor components to multiple customers?

Yes, you can deploy an application that uses Ignite UI for Blazor components or controls to unlimited clients. With the flexibility of our plans, we only license on a per-developer basis and do not charge any runtime, royalty, or deployment fees.

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 accesss  here and see how a simple new Blazor project looks like. Also, there is a library of sample applications, including team collaboration apps, e-commerce, travel, and more. You can explore the Blazor sample apps here

Are Blazor components in Ignite UI compatible with .NET 6?

As of the Infragistics Ultimate 21.2 release, all Blazor components are .NET 6 compatible. The Infragistics team always monitors major releases in .NET and keeps all the components compatible so developers can create high-impact UX and full-featured apps with no compromise.

Connect with Infragistics

Follow Us for the Latest News and Updates

Ignite Rocket