explaingit

vibenoobnotfound/fluentkit

Analysis updated 2026-05-18

14CSSAudience · developerComplexity · 3/5LicenseSetup · moderate

TLDR

A component library that brings Windows 11's Fluent Design look, buttons, menus, and effects like frosted glass, to Blazor web and app projects.

Mindmap

mindmap
  root((repo))
    What it does
      Fluent Design components
      Buttons and inputs
      Mica and Acrylic effects
    Tech stack
      Blazor
      CSS
      NET 10
      MAUI
    Use cases
      Build Windows styled web apps
      Add native looking desktop apps
      Theme an app light or dark
    Audience
      Developers
      NET teams
    Status
      Alpha software
      MIT licensed

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Give a Blazor web app the same look and feel as native Windows 11 apps.

USE CASE 2

Add frosted glass Mica or Acrylic backgrounds to a web app's interface.

USE CASE 3

Build a MAUI Blazor Hybrid app that shares UI code with a browser-based version.

USE CASE 4

Use compile time checked icon names instead of typing icon strings by hand.

What is it built with?

BlazorCSS.NETMAUIC#

How does it compare?

vibenoobnotfound/fluentkitgaearon/sc-bug-reprosdras/webmcp-demo
Stars141414
LanguageCSSCSSCSS
Last pushed2022-05-23
MaintenanceDormant
Setup difficultymoderateeasyeasy
Complexity3/51/51/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires the .NET 10 SDK, and the MAUI sample needs the MAUI workload installed.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

FluentKit is a component library for building web and app user interfaces in Blazor, a framework Microsoft uses for building apps with C# instead of JavaScript. It gives a developer ready-made pieces such as buttons, text boxes, sliders, menus, calendars, and dialogs that look and behave like Windows 11's own Fluent Design visual style, sometimes called WinUI 3. The colors, rounded corners, and visual states of every component are copied directly from Microsoft's own design files rather than guessed from screenshots, and effects like the frosted glass Mica and Acrylic backgrounds are rebuilt to match how Windows actually renders them. The library works across three kinds of Blazor apps: ones that run entirely in the browser, ones that run on a server, and ones packaged as a native mobile or desktop app through a technology called MAUI. It is built only from Razor markup and CSS, without relying on another UI framework underneath. A developer installs it as a NuGet package, links two provided stylesheets for design tokens and icons, registers a handful of services for theming and pop-up elements like tooltips and menus, wraps their app in a provided theme wrapper component, and can then start dropping in components like a styled button. The project also includes a small code generator that creates strongly typed icon names so a developer gets autocomplete and compile time checking instead of typing icon names as plain text. A live sample app demonstrates every component and is hosted online, and can also be run locally with the .NET 10 SDK. The project explicitly labels itself as alpha software, meaning its interface may still change between versions, and it is released under the MIT license, so it can be used freely, including in commercial projects.

Copy-paste prompts

Prompt 1
Help me install FluentKit.Blazor from NuGet and wire up the ThemeProvider in my Program.cs.
Prompt 2
Show me how to add a FluentMicaPanel background behind my app's main content.
Prompt 3
Help me build a settings page using FluentSettingsCard and FluentSettingsExpander from this library.
Prompt 4
Explain how the FluentKit.IconGenerator source generator produces strongly typed icon names.

Frequently asked questions

What is fluentkit?

A component library that brings Windows 11's Fluent Design look, buttons, menus, and effects like frosted glass, to Blazor web and app projects.

What language is fluentkit written in?

Mainly CSS. The stack also includes Blazor, CSS, .NET.

What license does fluentkit use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is fluentkit to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is fluentkit for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.