https://github.com/zl23abdessamed/blazorthemeswebtest
BlazorThemes Website , a dedicated showcase for BlazorThemes – a powerful and elegant theme management library for Blazor and .NET C#.
https://github.com/zl23abdessamed/blazorthemeswebtest
blazor blazor-client blazor-webassembly csharp csharp-library custom-theme dark-mode dotnet light-mode razor-class-library theme theme-management themes ui
Last synced: 2 months ago
JSON representation
BlazorThemes Website , a dedicated showcase for BlazorThemes – a powerful and elegant theme management library for Blazor and .NET C#.
- Host: GitHub
- URL: https://github.com/zl23abdessamed/blazorthemeswebtest
- Owner: Zl23Abdessamed
- Created: 2025-06-22T19:51:10.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-06-23T13:48:02.000Z (12 months ago)
- Last Synced: 2025-06-23T14:04:25.447Z (12 months ago)
- Topics: blazor, blazor-client, blazor-webassembly, csharp, csharp-library, custom-theme, dark-mode, dotnet, light-mode, razor-class-library, theme, theme-management, themes, ui
- Language: CSS
- Homepage: https://zl23abdessamed.github.io/BlazorThemesWebTest/
- Size: 29.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```markdown
# BlazorThemes Showcase Website
A visually engaging static website built with Blazor WebAssembly that demonstrates the powerful theme management capabilities of the BlazorThemes library.
## 📚 Table of Contents
- [🚀 Live Demo](#-live-demo)
- [✨ Features](#-features)
- [🛠️ Prerequisites](#%EF%B8%8F-prerequisites)
- [🏗️ Getting Started](#%EF%B8%8F-getting-started)
- [📁 Project Structure](#-project-structure)
## 🚀 Live Demo
- **Showcase Site**: [BlazorThemesWebTest](https://zl23abdessamed.github.io/BlazorThemesWebTest/)
- **Library Repository**: [BlazorThemes](https://github.com/Zl23Abdessamed/BlazorThemes)
## ✨ Features
- **Theme Switching**: Instant light/dark/auto theme toggling
- **Transition Gallery**: Preview fade, slide, ripple, and blur transitions
- **Custom Themes**: Create and apply custom theme configurations
- **Time Scheduling**: Configure automatic day/night theme switching
- **System Integration**: Respects OS-level theme preferences
- **Responsive Design**: Works flawlessly on all device sizes
- **Accessibility**: Full keyboard navigation and ARIA support
## 🛠️ Prerequisites
- .NET 7 SDK or later
- Modern browser (Chrome, Edge, Firefox, Safari)
- Git
## 🏗️ Getting Started
1. Clone the repository:
```bash
git clone https://github.com/Zl23Abdessamed/BlazorThemesWebTest.git
cd BlazorThemesWebTest
```
2. Restore dependencies:
```bash
dotnet restore
```
3. Run the development server:
```bash
dotnet run --project src/BlazorThemesWebTest
```
## 📁 Project Structure
```
blazorthemes-showcase/
├─ .github/ # CI workflows for GitHub Pages
├─ Components/ # Reusable theme components
├─ Layout/ # Application layout
├─ Pages/ # Feature demonstration pages
├─ Properties/ # Project configuration
├─ wwwroot/ # Static assets (CSS, images)
├─ App.razor # Root component
├─ BlazorThemesWebTest.csproj # WASM project file
├─ Program.cs # Startup configuration
├─ _Imports.razor # Global imports
└─ nuget.config # NuGet configuration
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
```