С сегодняшнего дня начну показывать существующие компоненты для Blazor.
Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.
Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.
Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/
#Blazor #BlazorRuCommunity #BlazorComponents
Сразу отмечу, что есть решения от больших поставщиков компонентов (Telerik, DevExpress, Syncfusion и т.д.) и с ними можно ознакомиться на сайтах компаний. Они стоят денег за подписку, но имеют триальные версии для ознакомления. Здесь же постараюсь сделать уклон в сторону бесплатных решений.
Начнём не с самой популярной библиотеки - BlazorFluentUI - https://github.com/BlazorFluentUI/BlazorFluentUI
Стиль библиотеки очень похож на стиль microsoft. Например такой используется на их официальном сайте.
Пример компонентов можно посмотреть на сайте: https://www.blazorfluentui.net/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - BlazorFluentUI/BlazorFluentUI: Port of FluentUI/Office Fabric React components and style to Blazor
Port of FluentUI/Office Fabric React components and style to Blazor - GitHub - BlazorFluentUI/BlazorFluentUI: Port of FluentUI/Office Fabric React components and style to Blazor
Следующие компоненты - 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
Skclusive.Material.Component является попыткой перенести популярную react библиотеку Material-UI на Blazor. Пример компонентов можно посмотреть на сайте: https://skclusive.github.io/Skclusive.Material.Docs/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - skclusive/Skclusive.Material.Component: Port of Material-UI in C# for Blazor
Port of Material-UI in C# for Blazor. Contribute to skclusive/Skclusive.Material.Component development by creating an account on GitHub.
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
Это немного не стандартный набор компонентов. Это даже не набор компонентов (хотя такие имеются), а возможность создавать однообразные компоненты, под множество 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
GitHub
microsoft/fast
The adaptive interface system
for modern web experiences. - microsoft/fast
for modern web experiences. - microsoft/fast
Сегодня показываем Radzen Blazor Components - https://github.com/akorchev/blazor.radzen.com
Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.
Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/
#Blazor #BlazorRuCommunity #BlazorComponents
Если судить по звёздочкам на GitHub, то эту библиотеку можно назвать средней по популярности. Однако она содержит много компонентов: от кнопок и меню до графиков и таблиц.
Примеры компонентов можно посмотреть на сайте: https://blazor.radzen.com/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
akorchev/blazor.radzen.com
Sample application showcasing the Radzen Blazor Components - akorchev/blazor.radzen.com
BlazorStrap - https://github.com/chanan/BlazorStrap
А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/
#Blazor #BlazorRuCommunity #BlazorComponents
А вот и всеми знакомые Bootstrap компоненты для Blazor. Примеры компонентов: https://blazorstrap.io/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - chanan/BlazorStrap: Bootstrap 4 Components for Blazor Framework
Bootstrap 4 Components for Blazor Framework. Contribute to chanan/BlazorStrap development by creating an account on GitHub.
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
Это библиотека, которая построена на основе 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
GitHub - Megabit/Blazorise: Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap…
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material. - Megabit/Blazorise
Осталось две библиотеки компонентов, про которые хотелось сказать. Обе имеют одинаковое количество звёзд на GitHub, поэтому (на своё усмотрение) расскажу в этом посте о MatBlazor.
MatBlazor является одним из самых популярных наборов компонент для любых frontend фреймворков и Blazor не исключение.
Компоненты этой библиотеки реализуют общие схемы взаимодействия в соответствии со спецификацией Material Design.
Ссылка на GitHub: https://github.com/SamProf/MatBlazor
Ссылка на примеры: https://samprof.github.io/MatBlazor/
#Blazor #BlazorRuCommunity #BlazorComponents
MatBlazor является одним из самых популярных наборов компонент для любых frontend фреймворков и Blazor не исключение.
Компоненты этой библиотеки реализуют общие схемы взаимодействия в соответствии со спецификацией Material Design.
Ссылка на GitHub: https://github.com/SamProf/MatBlazor
Ссылка на примеры: https://samprof.github.io/MatBlazor/
#Blazor #BlazorRuCommunity #BlazorComponents
GitHub
GitHub - SamProf/MatBlazor: Material Design components for Blazor and Razor Components
Material Design components for Blazor and Razor Components - GitHub - SamProf/MatBlazor: Material Design components for Blazor and Razor Components
Обзор бесплатных библиотек с компонентами для 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
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
GitHub
GitHub - ant-design-blazor/ant-design-blazor: 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly. - ant-design-blazor/ant-design-blazor