BlazorWinOld 2.5.0

Blazor.WinOld

A Blazor UI component library that brings back the nostalgic look and feel of classic Windows operating systems (Windows 98, XP, 7 and 10). Create retro-styled web applications with authentic Windows UI components.

🪶 Lightweight the NuGet package is only ~300 KB.

Compatible with Blazor Server and Blazor WebAssembly

DEMO and DOCS : https://tossnet.github.io/Blazor-WinOld/

Overview

BlazorWinOld provides a collection of Blazor components styled to match the iconic Windows interfaces from the late 90s and 2000s. Whether you're building a nostalgia-driven project or need that classic Windows aesthetic, this library delivers pixel-perfect components including buttons, message boxes, windows, tabs, and more.

💡 Already using a UI framework? No problem! BlazorWinOld is fully compatible alongside other UI libraries (MudBlazor, Radzen, Fluent UI…). You can adopt just the components you need, such as WinOldContextMenu or WinOldMessageBox, without any conflict.

https://github.com/user-attachments/assets/f5a8b771-8f57-4c40-8e1e-6ae8b29a05d7

Installation

Install-Package BlazorWinOld

or

dotnet add package BlazorWinOld

For client-side and server-side Blazor - add script section (head section)

 <link href="_content/BlazorWinOld/css/blazorwinold.css" rel="stylesheet" />

In Program.cs add this line

builder.Services.AddWinOldComponents();

and in the bottom of your MainLayout.razor add these lines (optional, only if you use MessageBox or InputBox)

<WinOldMessageBoxHost />  
<WinOldInputBoxHost />    
<WinOldDialogHost /> 

<a name="ReleaseNotes"></a>Release Notes

<details open="open"><summary>🚧 Upcoming (not yet released)</summary>

• WinOldButton: preview of a new DOS appearance style — retro terminal-inspired button with IBM VGA font and classic shadow effect </details>

<details open="open"><summary>Version 2.5.0</summary>

• New component WinOldSlider </details>

<details><summary>Version 2.4.0</summary>

• WinOldMenuItem: new IconCssClass and IconTemplate parameters. Display icons from any external library (Bootstrap Icons, Font Awesome, custom SVG…) without bundling any icon dependency in the package </details>

<details><summary>Version 2.3.0</summary>

• The WinOldMenu component can be used as a Context Menu by setting the IsContextMenu property to true </details>

<details><summary>Version 2.2.1</summary>

• Accessibility: added ARIA attributes (role, aria-expanded, aria-selected, aria-modal, aria-labelledby…) to all components </details>

<details><summary>Version 2.2.0</summary>

• Added new WinOldMenu
• Button : winXP and win7 , add default style </details>

<details><summary>Version 2.1.0</summary>

• Added new WinOldNumberBox component for numeric input with support for generic types
• Enhanced WinOldInputBox with support for numeric types: int, decimal, and double
• New extension methods: ShowInputBox<int?>(), ShowInputBox<decimal?>(), and ShowInputBox<double?>() </details>

<details><summary>Version 2.0.0</summary>

• Added new Windows 10 style theme
• Windows 10 is now the default style applied to all components </details>

<details><summary>Version 1.5.0</summary>

• Added WinOldDialog component: a fully draggable dialog window supporting custom child content </details>

<details><summary>Version 1.4.0</summary>

• Added drag-and-drop support for MessageBox and InputBox, allowing users to move the window freely across the screen. </details>

<details><summary>Version 1.3.1</summary>

• Improve disabled style for some components (Frame, Options, Tab)
• WinOldTabs : a Tab can be disabled. </details>

<details><summary>Version 1.3.0 ⚠️ BREAKING CHANGE</summary>

• DialogOptions has been renamed to MessageBoxOptions for WinOldMessageBox
• Migration: Replace 'new DialogOptions' with 'new MessageBoxOptions' (simple Find/Replace)
• New WinOldInputBox component
• Button : Add "Default" Property style for win98 button </details>

<details><summary>Version 1.2.9</summary>

• Fix height of Tabs
• Fix disabled style of WinOldButton </details>

<details><summary>Version 1.2.8</summary>

• win7 : separation of font size from font family </details>

<details><summary>Version 1.2.7</summary>

• Improved checkbox component rendering
• Fixed button and selectbox label colors on Safari </details>

<details><summary>Version 1.2.6</summary>

• Added disabled attribute support on WinOldSelect component
• Added Select page in the demo site </details>

<details><summary>Version 1.2.2</summary>

• Added .AddWinOldComponents() to simplify declaration </details>

Fonts

This project uses the Ultimate Oldschool PC Font Pack by VileR (int10h.org).
Font used: WebPlus IBM VGA 8x14

• Source: https://int10h.org/oldschool-pc-fonts/
• License: CC BY-SA 4.0
• © 2015–2020 VileR

Thanks

I used these repo for most of the css and icons:

• https://github.com/botoxparty/XP.css
• https://github.com/khang-nd/7.css
• https://win98icons.alexmeub.com/
• https://github.com/softwarehistorysociety/XPIcons/tree/main
• https://kristopolous.github.io/BOOTSTRA.386/v2.3.1/components.html

OS emulator :

• https://oses.ioblako.com/new.html