С сегодняшнего дня начну показывать существующие компоненты для Blazor.

Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.

Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.

Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/

#Blazor #BlazorRuCommunity #BlazorComponents

Следующие компоненты - Skclusive.Material.Component - https://github.com/skclusive/Skclusive.Material.Component

Skclusive.Material.Component является попыткой перенести популярную react библиотеку Material-UI на Blazor. Пример компонентов можно посмотреть на сайте: https://skclusive.github.io/Skclusive.Material.Docs/

#Blazor #BlazorRuCommunity #BlazorComponents

FAST Framework

Это немного не стандартный набор компонентов. Это даже не набор компонентов (хотя такие имеются), а возможность создавать однообразные компоненты, под множество frontend фреймворков. Как заявляют разработчики, то FAST это:
1) Возможность улучшить время запуска вашего приложения, скорость рендеринга или потребление памяти;
2) Возможность внедрять в свои компоненты фирменные стили, такие как Microsoft's Fluent UI или Google's Material Design;
3) Возможность использовать один набор компонентов под разные frontend фреймворки;
4) Возможность использования большего количества веб-стандартов, чтобы меньше зависеть от изменения JavaScript фреймворков.

Fast framework имеет отличный сайт с описанием, а также репозиторий на гитхабе:
* https://bit.ly/2CriDdg
* https://www.fast.design/

Также недавно проходил ASP.NET Community Standup, который был посвящён данному фреймворку: https://bit.ly/3ejiZQg

#Blazor #BlazorRuCommunity #BlazorComponents

Сегодня показываем Radzen Blazor Components - https://github.com/akorchev/blazor.radzen.com

Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.

Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/

#Blazor #BlazorRuCommunity #BlazorComponents

BlazorStrap - https://github.com/chanan/BlazorStrap

А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/

#Blazor #BlazorRuCommunity #BlazorComponents

3-е место по звёздочкам на GitHub занимает Blazorise.

Это библиотека, которая построена на основе Blazor и CSS фреймворков (например Bootstrap, Bulma and Material). Blazorise состоит из пяти nuget пакетов, каждый из которых относится к тому или иному стилю:
- Blazorise.Bootstrap
- Blazorise.Bulma
- Blazorise.Material
- Blazorise.AntDesign
- Blazorise.Frolic

Ссылка на GitHub: https://github.com/stsrki/Blazorise
Также в описании есть ссылки на демо по каждому стилю

#Blazor #BlazorRuCommunity #BlazorComponents

Осталось две библиотеки компонентов, про которые хотелось сказать. Обе имеют одинаковое количество звёзд на GitHub, поэтому (на своё усмотрение) расскажу в этом посте о MatBlazor.

MatBlazor является одним из самых популярных наборов компонент для любых frontend фреймворков и Blazor не исключение.
Компоненты этой библиотеки реализуют общие схемы взаимодействия в соответствии со спецификацией Material Design.

Ссылка на GitHub: https://github.com/SamProf/MatBlazor
Ссылка на примеры: https://samprof.github.io/MatBlazor/

#Blazor #BlazorRuCommunity #BlazorComponents

Обзор бесплатных библиотек с компонентами для Blazor завершает Ant Design Blazor.

Ant Design Blazor основывается на популярной React библиотеке Ant Design и является качественной альтернативой популярного MatBlazor.

Ссылка на GitHub: https://github.com/ant-design-blazor/ant-design-blazor
Ссылка на примеры: https://ant-design-blazor.gitee.io/en-US/Components/overview
(Если будут проблемы с отображением компонентов на сайте, попробуйте переключить язык справа вверху)

#Blazor #BlazorRuCommunity #BlazorComponents

Хочется поприветствовать большое количество новоприбывших, а также напомнить "старичкам". По хэштегу #BlazorComponents в канале есть подборка UI компонентов для Blazor (часто вижу такой вопрос в чатах).

На тот момент она делалась по количеству звёздочек на github, поэтому на текущий момент могут быть изменения.

@BlazorChannel #Blazor

Возможно кто-то использует в своих проектах Telerik UI для Blazor. На неделе вышло обновление и в видео рассказывается о нововведениях (с 01:30:40): https://www.youtube.com/watch?v=_eGa51_kBnw

Также в видео упоминают о Blazor Hybrid и рассказывают о Telerik REPL (https://blazorrepl.telerik.com/)

P.S. Напоминаем, что по хэштегу #BlazorComponents можно посмотреть UI компоненты, о которых мы писали раннее

@BlazorChannel #Blazor

UI компоненты для Blazor - PanoramicData.Blazor. Команде разработчиков понадобился набор компонентов для своих проектов и они решили их сделать open source.

На текущий момент содержит такие компоненты, как:
- Block Overlay
- Table
- Pager
- Tree
- Splitter
- File Explorer
- Context Menu
- Toolbar
- Form
- File Modal

Demo: https://panoramicdata.github.io/PanoramicData.Blazor/
GitHub: https://github.com/panoramicdata/PanoramicData.Blazor

@BlazorChannel #Blazor #BlazorComponents