StoicDreams.BlazorUI
1.13.0
dotnet add package StoicDreams.BlazorUI --version 1.13.0
NuGet\Install-Package StoicDreams.BlazorUI -Version 1.13.0
<PackageReference Include="StoicDreams.BlazorUI" Version="1.13.0" />
paket add StoicDreams.BlazorUI --version 1.13.0
#r "nuget: StoicDreams.BlazorUI, 1.13.0"
// Install StoicDreams.BlazorUI as a Cake Addin #addin nuget:?package=StoicDreams.BlazorUI&version=1.13.0 // Install StoicDreams.BlazorUI as a Cake Tool #tool nuget:?package=StoicDreams.BlazorUI&version=1.13.0
Stoic Dreams Blazor UI
GitHub: GitHub.com/StoicDreams/BlazorUI
Nuget: NuGet.org/packages/StoicDreams.BlazorUI
Demo & Docs: blazorui.stoicdreams.com
UI Framework and component library for Blazor based Websites and Maui projects.
Notice: This project is on hold indefinitely!
I do not expect much continuing work, if any, to be done on Blazor UI at this point, as we have switched our interests to Rust-language projects, including our new WebUI framework built in Rust that we are using to convert our Blazor-built websites to Rust-built websites.
Notice: This project is very early in development!
This project should technically have all the functionality to build a complete website, but at this stage there is a lot of experimental work being done and breaking changes could be introduced with each update.
If you do decide to use it please provide us feedback on our website at www.stoicdreams.com.
Demo & Documentation
blazorui.stoicdreams.com - Our live Demo and Documentation website deployed directly from the sample website StoicDreams.SampleWebsite
which is built from Blazor UI
.
Project Goals
This Blazor UI framework is targeting a developer experience that will allow developers to be able to develop websites and Maui Blazor app (Desktop & Mobile) without needing to know or touch any html, css, or javascript.
Where component frameworks such as MudBlazor typically give you a bunch of smaller components that need to be stitched together with countless options for doing so, Blazor UI's goal is to get rid of boilerplate coding such as index.html files, and package together these smaller components into larger components, including the MUIApp
which replaces the normal App
component that a developer would normally have to create and manage for each new app.
As an example here is the Program.cs
contenxt taken from our Sample Website:
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using StoicDreams.SampleWebsite.Shared;
WebAssemblyHostBuilder builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<BUIApp>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
builder.Services.AddStoicDreamsBlazorUI(options =>
{
options.AppName = "Stoic Dreams Blazor UI Sample App";
options.CssFiles.Add("css/app.css");
options.CssFiles.Add("StoicDreams.SampleWebsite.styles.css");
options.HeadElements.Add(ElementDetail.Create("link", ("rel", "manifest")));
options.HeadElements.Add(ElementDetail.Create("link", ("rel", "apple-touch-icon"), ("sizes", "512x512"), ("href", "icon-512.png")));
options.HeadElements.Add(ElementDetail.Create("link", ("rel", "apple-touch-icon"), ("sizes", "192x192"), ("href", "icon-192.png")));
options.BodyElements.Add(ElementDetail.Create("script", ("body", "navigator.serviceWorker.register('service-worker.js');"), ("type", "text/javascript")));
});
And while our DefaultLayout is being designed to provide a ton of flexability through simple config changes, we recognize some developers will want to do layouts that follow their own standards, so we allow a simple mechanism to set your own layout.
```csharp
builder.Services.AddStoicDreamsBlazorUI(options =>
{
options.AppName = "Stoic Dreams Blazor UI Sample App";
options.SetLayout<MainLayout>();
...
});
While this project will take some inspiration from and is expected to share some features from design frameworks such as Material and Fluent design systems, it is not in our interest to strictly follow any other frameworks or design patterns. We like a lot of what they do and provide, but we also thing they do some things wrong.
We have developed and are evolving our own design patterns, and those will be reflected in this UI framework.
MudBlazor - www.MudBlazor.com
Library Docs - MudBlazor.com/docs/overview
Due to its sheer awesomeness we have decided to use MudBlazor as a base for our component library. We will do our best to update this project to keep it up to date with MudBlazor updates. And we'll do our best to make sure our integrations and components do not conflict with expected behavior from MudBlazor components.
Not only is it hands down the best component framework we've see or tried in any language, but it's also free. It has a focus on being rooted in Material design, and their components, documentation, and templates are much more developer friendly in our opinion than most other design frameworks we've seen or tried.
Restrictions
Blazor UI is currently being designed to target Maui Blazor and Wasm focused projects. Specifically projects that use an index.html file, which Blazor UI is including from its collection of static files. Server-side Blazor projects are not expected to work.
Project Setup
See the Blazor UI Sample Website for details on how to setup a new website project.
A Maui Blazor sample project will be added later after that framework and toolchain has become generally available for production use.
Author
Erik Gassler - Stoic Dreams - Just a simpleton who likes making stuff with bits and bytes.
Support - Visit Stoic Dreams' GitHub Sponsor page if you would like to provide support to Stoic Dreams. Also make sure to share your support to the team at MudBlazor for the awesome work they're doing.
Software Development Standards - Check out my Simple-Holistic-Agile Software Engineering Standards website to see my standards for developing software.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net7.0
- BlazorTransitionableRoute (>= 4.0.0)
- Markdig (>= 0.31.0)
- Microsoft.AspNetCore.Components.Web (>= 7.0.4)
- Microsoft.CodeAnalysis.Razor (>= 6.0.15)
- MudBlazor (>= 6.2.0)
- StoicDreams.Core (>= 1.3.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
1.13.0 | 770 | 4/1/2023 |
1.12.7 | 701 | 3/19/2023 |
1.12.6 | 719 | 3/19/2023 |
1.12.5 | 756 | 3/4/2023 |
1.12.3 | 791 | 3/3/2023 |
1.11.19 | 1,051 | 9/24/2022 |
1.11.17 | 996 | 9/24/2022 |
1.11.15 | 917 | 9/23/2022 |
1.11.13 | 946 | 9/23/2022 |
1.11.9 | 967 | 9/23/2022 |
1.11.7 | 953 | 9/23/2022 |
1.11.3 | 951 | 9/21/2022 |
1.11.1 | 908 | 9/21/2022 |
1.10.200 | 968 | 9/21/2022 |
1.10.199 | 910 | 9/21/2022 |
1.10.176 | 988 | 9/21/2022 |
1.10.173 | 947 | 9/20/2022 |
1.10.162 | 925 | 9/20/2022 |
1.10.155 | 942 | 9/19/2022 |
1.10.153 | 971 | 9/18/2022 |
1.10.144 | 999 | 9/17/2022 |
1.10.143 | 921 | 9/17/2022 |
1.10.141 | 950 | 9/17/2022 |
1.10.135 | 957 | 9/17/2022 |
1.10.121 | 935 | 9/16/2022 |
1.10.119 | 971 | 9/12/2022 |
1.10.116 | 895 | 9/11/2022 |
1.10.112 | 911 | 9/11/2022 |
1.10.106 | 885 | 9/11/2022 |
1.10.103 | 948 | 9/10/2022 |
1.10.100 | 984 | 9/8/2022 |
1.10.97 | 898 | 9/7/2022 |
1.10.93 | 966 | 9/7/2022 |
1.10.91 | 881 | 9/7/2022 |
1.10.87 | 942 | 9/7/2022 |
1.10.82 | 926 | 9/6/2022 |
1.10.81 | 950 | 9/6/2022 |
1.10.79 | 898 | 9/6/2022 |
1.10.73 | 914 | 9/6/2022 |
1.10.72 | 892 | 9/6/2022 |
1.10.71 | 919 | 9/6/2022 |
1.10.68 | 900 | 9/5/2022 |
1.10.67 | 933 | 9/5/2022 |
1.10.66 | 901 | 9/5/2022 |
1.10.65 | 903 | 9/4/2022 |
1.10.47 | 903 | 9/4/2022 |
1.10.40 | 930 | 9/4/2022 |
1.10.38 | 970 | 9/3/2022 |
1.10.30 | 959 | 9/3/2022 |
1.10.29 | 886 | 9/2/2022 |
1.10.27 | 920 | 9/2/2022 |
1.10.26 | 952 | 9/2/2022 |
1.10.24 | 867 | 9/2/2022 |
1.10.19 | 896 | 9/2/2022 |
1.10.17 | 915 | 9/1/2022 |
1.10.16 | 905 | 8/31/2022 |
1.10.11 | 901 | 8/31/2022 |
1.10.7 | 899 | 8/31/2022 |
1.10.4 | 928 | 8/31/2022 |
1.9.272 | 959 | 8/30/2022 |
1.9.266 | 932 | 8/30/2022 |
1.9.265 | 886 | 8/29/2022 |
1.9.264 | 892 | 8/28/2022 |
1.9.263 | 1,001 | 8/25/2022 |
1.9.262 | 908 | 8/24/2022 |
1.9.260 | 905 | 8/24/2022 |
1.9.252 | 945 | 8/24/2022 |
1.9.242 | 914 | 8/23/2022 |
1.9.241 | 912 | 8/23/2022 |
1.9.237 | 950 | 8/23/2022 |
1.9.234 | 891 | 8/23/2022 |
1.9.206 | 936 | 8/22/2022 |
1.9.205 | 907 | 8/22/2022 |
1.9.204 | 961 | 8/21/2022 |
1.9.203 | 911 | 8/21/2022 |
1.9.200 | 921 | 8/21/2022 |
1.9.197 | 949 | 8/21/2022 |
1.9.196 | 888 | 8/21/2022 |
1.9.195 | 909 | 8/21/2022 |
1.9.193 | 888 | 8/20/2022 |
1.9.190 | 910 | 8/20/2022 |
1.9.175 | 908 | 8/20/2022 |
1.9.172 | 891 | 8/20/2022 |
1.9.167 | 877 | 8/20/2022 |
1.9.160 | 893 | 8/19/2022 |
1.9.159 | 949 | 8/19/2022 |
1.9.158 | 889 | 8/19/2022 |
1.9.157 | 918 | 8/19/2022 |
1.9.155 | 907 | 8/19/2022 |
1.9.132 | 886 | 8/18/2022 |
1.9.131 | 947 | 8/18/2022 |
1.9.129 | 898 | 8/18/2022 |
1.9.128 | 841 | 8/18/2022 |
1.9.126 | 893 | 8/18/2022 |
1.9.116 | 875 | 8/18/2022 |
1.9.115 | 896 | 8/18/2022 |
1.9.113 | 942 | 8/18/2022 |
1.9.84 | 904 | 8/17/2022 |
1.9.83 | 904 | 8/17/2022 |
1.9.82 | 913 | 8/17/2022 |
1.9.81 | 886 | 8/16/2022 |
1.9.79 | 876 | 8/15/2022 |
1.9.72 | 926 | 8/15/2022 |
1.9.69 | 929 | 8/15/2022 |
1.9.67 | 907 | 8/14/2022 |
1.9.57 | 924 | 8/14/2022 |
1.9.56 | 919 | 8/13/2022 |
1.9.53 | 919 | 8/13/2022 |
1.9.48 | 936 | 8/13/2022 |
1.9.47 | 902 | 8/13/2022 |
1.9.45 | 908 | 8/12/2022 |
1.9.41 | 912 | 8/12/2022 |
1.9.36 | 929 | 8/12/2022 |
1.9.19 | 908 | 8/12/2022 |
1.9.18 | 892 | 8/12/2022 |
1.9.16 | 916 | 8/12/2022 |
1.9.15 | 912 | 8/11/2022 |
1.9.2 | 892 | 8/11/2022 |
1.8.73 | 876 | 8/10/2022 |
1.8.59 | 931 | 8/8/2022 |
1.8.45 | 912 | 8/7/2022 |
1.8.44 | 938 | 8/7/2022 |
1.8.40 | 869 | 8/7/2022 |
1.8.33 | 910 | 8/6/2022 |
1.8.20 | 916 | 8/6/2022 |
1.8.10 | 927 | 8/6/2022 |
1.8.9 | 923 | 8/5/2022 |
1.8.2 | 901 | 8/5/2022 |
1.7.4 | 951 | 8/2/2022 |
1.7.3 | 906 | 8/1/2022 |
1.7.2 | 918 | 8/1/2022 |
1.7.1 | 899 | 8/1/2022 |
1.6.50 | 949 | 7/31/2022 |
1.6.48 | 890 | 7/31/2022 |
1.6.47 | 935 | 7/31/2022 |
1.6.46 | 922 | 7/31/2022 |
1.6.40 | 930 | 7/31/2022 |
1.6.34 | 941 | 7/31/2022 |
1.6.33 | 943 | 7/31/2022 |
1.6.32 | 957 | 7/31/2022 |
1.6.30 | 927 | 7/31/2022 |
1.6.29 | 947 | 7/31/2022 |
1.6.28 | 882 | 7/31/2022 |
1.6.27 | 927 | 7/31/2022 |
1.6.25 | 949 | 7/31/2022 |
1.6.16 | 927 | 7/31/2022 |
1.6.15 | 934 | 7/31/2022 |
1.6.13 | 898 | 7/31/2022 |
1.6.12 | 901 | 7/31/2022 |
1.6.9 | 883 | 7/30/2022 |
1.6.1 | 937 | 7/30/2022 |
1.5.1 | 906 | 7/30/2022 |
1.4.1 | 954 | 7/30/2022 |
1.3.56 | 888 | 7/29/2022 |
1.3.50 | 926 | 7/29/2022 |
1.3.41 | 928 | 7/29/2022 |
1.3.25 | 937 | 7/28/2022 |
1.3.23 | 902 | 7/28/2022 |
1.3.19 | 940 | 7/28/2022 |
1.3.16 | 941 | 7/28/2022 |
1.3.12 | 961 | 7/28/2022 |
1.3.10 | 982 | 7/28/2022 |
1.3.6 | 943 | 7/28/2022 |
1.2.101 | 951 | 7/27/2022 |
1.2.98 | 954 | 7/27/2022 |
1.2.97 | 934 | 7/27/2022 |
1.2.89 | 910 | 7/27/2022 |
1.2.87 | 928 | 7/27/2022 |
1.2.86 | 933 | 7/27/2022 |
1.2.84 | 905 | 7/27/2022 |
1.2.83 | 908 | 7/27/2022 |
1.2.80 | 906 | 7/27/2022 |
1.2.79 | 920 | 7/27/2022 |
1.2.60 | 931 | 7/26/2022 |
1.2.57 | 897 | 7/26/2022 |
1.2.29 | 931 | 7/26/2022 |
1.2.25 | 916 | 7/25/2022 |
1.2.21 | 904 | 7/25/2022 |
1.2.15 | 906 | 7/25/2022 |
1.2.1 | 957 | 7/25/2022 |
1.1.160 | 969 | 7/24/2022 |
1.1.95 | 936 | 7/24/2022 |
1.1.87 | 872 | 7/24/2022 |
1.1.68 | 952 | 7/24/2022 |
1.1.0 | 920 | 7/23/2022 |
1.0.96 | 907 | 7/21/2022 |
1.0.95 | 920 | 7/21/2022 |
1.0.94 | 894 | 7/21/2022 |
1.0.76 | 935 | 7/21/2022 |
1.0.74 | 925 | 7/20/2022 |
1.0.73 | 937 | 7/20/2022 |
1.0.72 | 922 | 7/20/2022 |
1.0.60 | 925 | 7/20/2022 |
1.0.59 | 918 | 7/19/2022 |
1.0.52 | 903 | 7/18/2022 |
1.0.51 | 916 | 7/18/2022 |
1.0.50 | 941 | 7/18/2022 |
1.0.49 | 956 | 7/18/2022 |
1.0.48 | 908 | 7/18/2022 |
1.0.47 | 925 | 7/18/2022 |
1.0.46 | 915 | 7/18/2022 |
1.0.45 | 896 | 7/18/2022 |
1.0.44 | 920 | 7/18/2022 |
1.0.39 | 985 | 7/18/2022 |
1.0.38 | 914 | 7/18/2022 |
Development Release