Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

MgLibrary Blazor Demos

Explore live MgLibrary Blazor demos showcasing reusable UI components, Tailwind styling, customization options, and practical examples for real applications.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Any CSS library can be integrated seamlessly. Each component has its own Class and can be customized individually.

Browse the demos below to see how the components behave in real layouts, how they respond to theme changes, and how they can be combined to build polished application screens with less code.

See the defaults

Each sample shows the component with its standard styling and behavior so you can evaluate it quickly.

Explore customization

Adjust classes, parameters, and themes to match your application's design system and UX needs.

Copy into your app

Use the live examples as a reference for implementation patterns, accessibility, and common integration points.

90+ Components & Growing

Everything you need to build modern web applications with Blazor.

An unhandled error has occurred. Reload 🗙