{"id":15161800,"url":"https://github.com/megabit/blazorise","last_synced_at":"2025-05-13T20:09:44.444Z","repository":{"id":37386593,"uuid":"159973917","full_name":"Megabit/Blazorise","owner":"Megabit","description":"Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.","archived":false,"fork":false,"pushed_at":"2025-05-12T19:21:02.000Z","size":93615,"stargazers_count":3409,"open_issues_count":257,"forks_count":531,"subscribers_count":75,"default_branch":"master","last_synced_at":"2025-05-12T20:41:34.861Z","etag":null,"topics":["antdesign","asp-net-core","blazor","blazor-components","blazor-server","blazor-webassembly","blazorise","bootstrap","bootstrap4","bootstrap5","bulma","charts","component-library","components","datagrid","material","netcore","tailwind","wasm"],"latest_commit_sha":null,"homepage":"https://blazorise.com/","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Megabit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"megabit","open_collective":"blazorise","tidelift":null}},"created_at":"2018-12-01T18:18:09.000Z","updated_at":"2025-05-10T21:58:27.000Z","dependencies_parsed_at":"2023-09-27T23:46:00.387Z","dependency_job_id":"5890ddf1-fa81-4b7e-a599-c306fb214249","html_url":"https://github.com/Megabit/Blazorise","commit_stats":{"total_commits":3942,"total_committers":138,"mean_commits":"28.565217391304348","dds":0.3789954337899544,"last_synced_commit":"21110bb1a6d0d5f34396b8727245df2223ac26cb"},"previous_names":["stsrki/blazorise"],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megabit%2FBlazorise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megabit%2FBlazorise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megabit%2FBlazorise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Megabit%2FBlazorise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Megabit","download_url":"https://codeload.github.com/Megabit/Blazorise/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254020606,"owners_count":22000753,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antdesign","asp-net-core","blazor","blazor-components","blazor-server","blazor-webassembly","blazorise","bootstrap","bootstrap4","bootstrap5","bulma","charts","component-library","components","datagrid","material","netcore","tailwind","wasm"],"created_at":"2024-09-27T00:45:34.630Z","updated_at":"2025-05-13T20:09:44.424Z","avatar_url":"https://github.com/Megabit.png","language":"C#","readme":"![Blazorise](https://user-images.githubusercontent.com/900302/147649481-11ca2931-34cd-4e24-8035-fe757cf9d744.png)\n\n# Components for Blazor\n\n[![NuGet](https://img.shields.io/nuget/vpre/Blazorise.svg)](https://www.nuget.org/profiles/Megabit)\n![Nuget](https://img.shields.io/nuget/dt/Blazorise.svg)\n[![Discord](https://img.shields.io/discord/761589226965696552?color=%237289da\u0026label=Discord\u0026logo=discord\u0026logoColor=%237289da\u0026style=flat-square)](https://discord.gg/cVmq8xBSnG)\n[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](LICENSE.md)\n\nBlazorise is the only [Blazor](https://blazor.net/) component library offering development independent of CSS frameworks, exclusively using C#. It provides support for various frameworks including Bootstrap, Tailwind and Material.\n\n## Commercial usage\n\nBlazorise, as a commercial product, offers a range of subscription plans that include premium support. When you choose a commercial license, you gain several advantages:\n\nThe benefits of the commercial licenses are:\n\n- Access to [Blazorise Themes](https://blazorise.com/themes).\n- Access to [Blazorise Blocks](https://blazorise.com/blocks).\n- Premium support via [Blazorise Support](https://blazorise.com/support) forum.\n- Dedicated customer support with swift response times of either 24 or 16 hours.\n- Priority fixes and feature requests.\n\n\u003e \\* Some features may be exclusive to specific subscription tiers.\n\n## Supporting Blazorise\n\nBlazorise is an open source project with its ongoing development made possible entirely by the support of these awesome backers.\n\n### Special Partners\n\n\u003c!--platinum start--\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://volosoft.com/\" target=\"_blank\"\u003e\n          \u003cimg width=\"222px\" src=\"https://volosoft.com/assets/logos/volosoft-logo-dark.svg\"\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://www.pebble.tv/\" target=\"_blank\"\u003e\n          \u003cimg width=\"222px\" src=\"https://www.pebble.tv/wp-content/uploads/2020/10/logo.svg\"\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\u003c!--platinum end--\u003e\n\n## Demos\n\n### Blazor WebAssembly\n\n- [Tailwind Demo](https://tailwinddemo.blazorise.com)\n- [Bootstrap 4 Demo](https://bootstrapdemo.blazorise.com)\n- [Bootstrap 5 Demo](https://bootstrap5demo.blazorise.com)\n- [Material Demo](https://materialdemo.blazorise.com/)\n- [Bulma Demo](https://bulmademo.blazorise.com/)\n- [AntDesign Demo](https://antdesigndemo.blazorise.com/)\n- [Fluent 2 Demo](https://fluentui2demo.blazorise.com/)\n\n### Blazor Server\n\n- [Bootstrap Demo](https://rcbootstrapdemo.blazorise.com/)\n\n## Documentation\n\nFor full documentation, with code samples and a detailed explanation of each component please visit the Blazorise [official documentation pages](https://blazorise.com/docs/).\n\nContinuing reading below for a quick start guide.\n\n## Installations\n\n### Prerequisites\n\nBefore you continue, please make sure you have the latest version of Visual Studio and .NET installed. Visit an official [Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/client) site to learn more.\n\n### Available packages\n\nThere are currently 6 different NuGet packages for each of the supported CSS frameworks.\n\nAvailable Blazorise packages are:\n\n```\n1. Blazorise.Tailwind\n2. Blazorise.Bootstrap\n3. Blazorise.Bootstrap5\n4. Blazorise.Bulma\n5. Blazorise.Material\n6. Blazorise.AntDesign\n7. Blazorise.FluentUI2\n```\n\nThis guide will show you how to setup Blazorise with **Bootstrap 5** and **FontAwesome 6** icons. To setup Blazorise for other CSS frameworks, please refer the [Usage](https://blazorise.com/docs/usage/) page in the documentation.\n\n### 1. NuGet packages\n\nFirst step is to install a Bootstrap 5 provider for Blazorise:\n\n```bash\ndotnet add package Blazorise.Bootstrap5\n```\n\nAnd FontAwesome icon package:\n\n```bash\ndotnet add package Blazorise.Icons.FontAwesome\n```\n\n### 2. Source files\n\nAdd the following to `index.html` (Blazor WebAssembly), or `_Host.cshtml` (Blazor Server), or `App.razor` (.NET 8) in the `head` section.\n\n```html\n\u003clink href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\"\u003e\n\u003clink href=\"_content/Blazorise.Icons.FontAwesome/v6/css/all.min.css\" rel=\"stylesheet\"\u003e\n\n\u003clink href=\"_content/Blazorise/blazorise.css?v=1.7.6.0\" rel=\"stylesheet\" /\u003e\n\u003clink href=\"_content/Blazorise.Bootstrap5/blazorise.bootstrap5.css?v=1.7.6.0\" rel=\"stylesheet\" /\u003e\n```\n\nPlease note, that these are the Blazorise explicit dependencies, you still need to add framework specific dependencies.\n\n#### 2.1 JavaScript resources\n\nBlazorise loads any additional JavaScript it needs dynamically once a component needs it. This means that Blazorise expects that the resources are available and placed relative to the app root. You can configure this by using the `app.UseStaticFiles();` and it does not need any other additional configuration from your part.\n\nIf you're having any difficulties, please refer to the following issues:\n\n- [#3122](https://github.com/Megabit/Blazorise/issues/3122)\n- [#3150](https://github.com/Megabit/Blazorise/issues/3150)\n\nWe are also aware that there might need to be extra setup when dealing with PWA and offline capabilities if you want your app to remain responsive. Please check our [PWA docs](https://blazorise.com/docs/pwa) for more information. \n\n### 3. Using's\n\nIn your main `_Imports.razor` add:\n\n```cs\n@using Blazorise\n```\n\n### 4. Registrations\n\nAdd the following lines to the relevant sections of `Program.cs`.\n\n```cs\nusing Blazorise;\nusing Blazorise.Bootstrap5;\nusing Blazorise.Icons.FontAwesome;\n```\n\n```cs\nbuilder.Services\n  .AddBlazorise()\n  .AddBootstrap5Providers()\n  .AddFontAwesomeIcons();\n```\n\n## Usage\n\n```razor\n@page \"/counter\"\n\n\u003cHeading Size=\"HeadingSize.Is1\"\u003eCounter\u003c/Heading\u003e\n\n\u003cParagraph\u003eCurrent count: @currentCount\u003c/Paragraph\u003e\n\n\u003cButton Color=\"Color.Primary\" Clicked=\"IncrementCount\"\u003eClick me\u003c/Button\u003e\n\n@code {\n    int currentCount = 0;\n\n    void IncrementCount()\n    {\n        currentCount++;\n    }\n}\n```\n\n## Development version\n\nWe release a development version of Blazorise on a regular basis. This version is available on the [MyGet](https://www.myget.org/gallery/blazorise) feed. \nThis release is not recommended for production use, but it's a great way to test the latest features, bug fixes and gives us some feedback ahead of the upcoming release.\n\n\n## Contributing\n\nWe welcome contributions and any suggestions or feature requests you might have. Contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. This will be signed once you submit a PullRequest on our repository. For details about our CLA, please visit: [Contributor License Agreement](https://gist.github.com/stsrki/abfa5ce0f4a5cf1e6ac67b92f8eb5d63).\n\nFor our code conventions and guidelines please visit: [Contributing Guide](https://github.com/Megabit/Blazorise/wiki/Contributing)\n","funding_links":["https://github.com/sponsors/megabit","https://opencollective.com/blazorise"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmegabit%2Fblazorise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmegabit%2Fblazorise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmegabit%2Fblazorise/lists"}