1,673 questions
Just google css templates
Blazor CSS Templates
Cenk
1,036
Reputation points
Hi,
I am working on a Blazor Server application. I am not good at styling pages so I wonder if there are free CSS templates out there that I can use and sample. Frankly, I'm not very happy with the standard Blazor look, I would like to make pages with the appeal. I look forward to your help and guidance.
Thank you.
Developer technologies .NET Blazor
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Anonymous2022-08-03T06:32:47.137+00:00 Hi @Cenk ,
Starting in ASP.NET Core 6.0, the standard Blazor defaults to using version 5 of Bootstrap, ASP.NET Core 3.0 to 5.0 used version 4 of Bootstrap. You can check if the Bootstrap 5 documentation contains the styles you want, then you can change the CSS style.
If you still want to use some Blazor templates with CSS style, try to search "asp.net core Blazor CSS templates free" online, there should have many free templates. Check the usage and add them in your application.
Best regards,
Dillion
Sign in to comment
2 answers
Sort by: Most helpful
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
Bruce (SqlWork.com) 77,686 Reputation points Volunteer Moderator2022-08-02T15:16:07.897+00:00 -
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(41.6, 79%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EG%3C/text%3E%3C/svg%3E)
GregInTheNorth 6 Reputation points2022-08-03T07:19:48.557+00:00 I have had a great experience with https://www.mudblazor.com/ and I find it really easy to use.
I'm using it in Blazor Hybrid though - I am not aware of any platform differences-
Cenk 1,036 Reputation points
2022-08-03T07:34:31.903+00:00 Thanks for your reply. Can I use Radzen, mublazor, etc together?
-
GregInTheNorth 6 Reputation points
2022-08-03T09:34:25.87+00:00 Mixing CSS frameworks is both always possible and always to be avoided due to possible clashes in layout CSS etc.
MudBlazor's components (nearly) all start with MUD so it's unlikely to have css contention there but on utility classes such as https://www.mudblazor.com/utilities/spacing#how-it-works you might get name collisions. I'd feel 'comfortable' working with one of those two as my 'main' provider with the occasional use of any other with rigorous checking as I introduce it.
Sign in to comment -