{"id":15093036,"url":"https://github.com/chanan/blazorstrap","last_synced_at":"2025-05-14T18:07:32.156Z","repository":{"id":37431236,"uuid":"130418033","full_name":"chanan/BlazorStrap","owner":"chanan","description":"Bootstrap 4 Components for Blazor Framework","archived":false,"fork":false,"pushed_at":"2025-02-07T03:26:54.000Z","size":405639,"stargazers_count":931,"open_issues_count":6,"forks_count":159,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-04-13T13:17:54.124Z","etag":null,"topics":["blazor","bootstrap4","bootstrap5"],"latest_commit_sha":null,"homepage":"https://blazorstrap.io","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chanan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-20T22:06:05.000Z","updated_at":"2025-04-09T09:05:06.000Z","dependencies_parsed_at":"2022-07-08T18:43:40.747Z","dependency_job_id":"4540786a-4b75-4728-bc5c-d922fa74c1e3","html_url":"https://github.com/chanan/BlazorStrap","commit_stats":{"total_commits":824,"total_committers":58,"mean_commits":"14.206896551724139","dds":0.5,"last_synced_commit":"2be1ce85e61f95cc69d8767fb32b0b4e919d9527"},"previous_names":[],"tags_count":127,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chanan%2FBlazorStrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chanan%2FBlazorStrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chanan%2FBlazorStrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chanan%2FBlazorStrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chanan","download_url":"https://codeload.github.com/chanan/BlazorStrap/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254198514,"owners_count":22030966,"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":["blazor","bootstrap4","bootstrap5"],"created_at":"2024-09-25T11:03:12.745Z","updated_at":"2025-05-14T18:07:27.141Z","avatar_url":"https://github.com/chanan.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BlazorStrap\n[![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.svg)](https://www.nuget.org/packages/BlazorStrap/)\n[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap?color=orange)](https://www.nuget.org/packages/BlazorStrap/)\n![Nuget](https://img.shields.io/nuget/dt/BlazorStrap)\n![GitHub stars](https://img.shields.io/github/stars/chanan/BlazorStrap?color=orange)\n[![Gitter chat](https://img.shields.io/badge/gitter-join-na?logo=gitter)](https://gitter.im/BlazorStrap/community)\n[![Gitter chat](https://img.shields.io/badge/discord-join-na?logo=discord)](https://discord.gg/V7Y8s7WprR)\n\n### Bootstrap 4/5 components for Blazor\n\n## Bootstrap 5 [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V5.svg)](https://www.nuget.org/packages/BlazorStrap.V5/)\n`We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.`\n\n### Packages \n- Core Package handles all the logic / JSInterop\n  - [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.svg)](https://www.nuget.org/packages/BlazorStrap/)\n- Display packages. These packages so the rendered components. V5 is for Bootstrap 5. V4 is for Bootstrap 4\n  - [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V5.svg)](https://www.nuget.org/packages/BlazorStrap.V5/)\n[![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V4.svg)](https://www.nuget.org/packages/BlazorStrap.V4/)\n\n- Pre Release\n  - [![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap?color=orange)](https://www.nuget.org/packages/BlazorStrap/)\n[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap.V5?color=orange)](https://www.nuget.org/packages/BlazorStrap.V5/)\n[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap.V4?color=orange)](https://www.nuget.org/packages/BlazorStrap.V4/)\n  - Beta. Not recommended for production use.\n    - Minor fixes a-z. Example 5.2.100-Beta1a\n  - Preview. Test to make sure it meets your requirements before production use.\n    - Minor fixes a-z. Example 5.2.100-Preview1a\n  - Release. Safe for production. \n    - Minor fixes .MMDDYY. Example 5.2.100.60323\n \n### Install\n##### Blazor WebAssembly\n1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)\n   - Download BlazorStrap.V5 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V5)\n      - Both packages should be the same version.\n2. Modify your index.html with the following.\n   1. Inside the ```\u003chead\u003e``` add\n      1. ```\u003clink href=\"YourAssemblyName.styles.css\" rel=\"stylesheet\"\u003e``` )\n      2. ```\u003clink href=\"path_to_bootstrap.min.css\" rel=\"stylesheet\" integrity=\"if_needed\" /\u003e\"```\n   2. At the end of the ```\u003cbody\u003e``` add\n      1. ```\u003cscript src=\"_content/BlazorStrap/popper.min.js\"\u003e\u003c/script\u003e```\n3. In ```Program.cs``` add\n   1. ```builder.Services.AddBlazorStrap();```\n4. In ```_Imports.razor``` add\n   1. ```@using BlazorStrap.V5```\n-----\n##### Blazor Server Side\n1.\n   - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)\n   - Download BlazorStrap.V5 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V5)\n      - Both packages should be the same version.\n2. Modify your _host.cshtml with the following.\n   1. Inside the ```\u003chead\u003e``` add\n      1. ```\u003clink href=\"YourAssemblyName.styles.css\" rel=\"stylesheet\"\u003e```\n      2. ```\u003clink href=\"path_to_bootstrap.min.css\" rel=\"stylesheet\" integrity=\"if_needed\" /\u003e\"```\n   2. At the end of the ```\u003cbody\u003e``` add\n      1. ```\u003cscript src=\"_content/BlazorStrap/popper.min.js\"\u003e\u003c/script\u003e```\n3. In ```Program.cs``` or ```Startup.cs``` add\n   1. ```Services.AddBlazorStrap();``` to your build pipeline\n4. In ```_Imports.razor``` add\n   1. ```@using BlazorStrap.V5```\n\n## Bootstrap 4 [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V4.svg)](https://www.nuget.org/packages/BlazorStrap.V4/)\n`We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.`\n\n### Install\n##### Blazor WebAssembly\n1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)\n   - Download BlazorStrap.V4 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V4)\n      - Both packages should be the same version.\n2. Modify your index.html with the following.\n   1. Inside the ```\u003chead\u003e``` add\n      1. ```\u003clink href=\"YourAssemblyName.styles.css\" rel=\"stylesheet\"\u003e``` )\n      2. ```\u003clink href=\"path_to_bootstrap.min.css\" rel=\"stylesheet\" integrity=\"if_needed\" /\u003e\"```\n   2. At the end of the ```\u003cbody\u003e``` add\n      1. ```\u003cscript src=\"_content/BlazorStrap/popper.min.js\"\u003e\u003c/script\u003e```\n3. In ```Program.cs``` add\n   1. ```builder.Services.AddBlazorStrap();```\n4. In ```_Imports.razor``` add\n   1. ```@using BlazorStrap.V4```\n-----\n##### Blazor Server Side\n1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)\n- Download BlazorStrap.V4 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V4)\n   - Both packages should be the same version.-\n2. Modify your _host.cshtml with the following.\n   1. Inside the ```\u003chead\u003e``` add\n      1. ```\u003clink href=\"YourAssemblyName.styles.css\" rel=\"stylesheet\"\u003e```\n      2. ```\u003clink href=\"path_to_bootstrap.min.css\" rel=\"stylesheet\" integrity=\"if_needed\" /\u003e\"```\n   2. At the end of the ```\u003cbody\u003e``` add\n      1. ```\u003cscript src=\"_content/BlazorStrap/popper.min.js\"\u003e\u003c/script\u003e```\n3. In ```Program.cs``` or ```Startup.cs``` add\n   1. ```Services.AddBlazorStrap();``` to your build pipeline\n4. In ```_Imports.razor``` add\n   1. ```@using BlazorStrap.V4```\n\n\n## Extensions:\n* [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.Extensions.FluentValidation.svg)](https://www.nuget.org/packages/BlazorStrap.Extensions.FluentValidation/) BlazorStrap.Extensions.FluentValidation\n* [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.Extensions.TreeView.svg)](https://www.nuget.org/packages/BlazorStrap.Extensions.TreeView/) BlazorStrap.Extensions.TreeView\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanan%2Fblazorstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchanan%2Fblazorstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanan%2Fblazorstrap/lists"}