{"id":20724185,"url":"https://github.com/codebeamorg/bcss","last_synced_at":"2025-06-28T23:32:42.204Z","repository":{"id":189491138,"uuid":"680776148","full_name":"CodeBeamOrg/BCSS","owner":"CodeBeamOrg","description":"Revolutionary Runtime CSS Generator for Blazor","archived":false,"fork":false,"pushed_at":"2025-01-19T14:16:03.000Z","size":391,"stargazers_count":12,"open_issues_count":4,"forks_count":1,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-04-23T18:02:03.600Z","etag":null,"topics":["blazor","blazor-client","blazor-server","css","generator","style"],"latest_commit_sha":null,"homepage":"https://bcss.codebeam.org","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeBeamOrg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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,"zenodo":null}},"created_at":"2023-08-20T11:17:54.000Z","updated_at":"2025-01-19T14:16:05.000Z","dependencies_parsed_at":"2023-10-05T01:14:56.328Z","dependency_job_id":"1d8d948f-75a2-4b77-9732-3cc3de77eae6","html_url":"https://github.com/CodeBeamOrg/BCSS","commit_stats":null,"previous_names":["codebeamorg/bcss"],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/CodeBeamOrg/BCSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FBCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FBCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FBCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FBCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeBeamOrg","download_url":"https://codeload.github.com/CodeBeamOrg/BCSS/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeBeamOrg%2FBCSS/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262513625,"owners_count":23322661,"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","blazor-client","blazor-server","css","generator","style"],"created_at":"2024-11-17T04:13:23.258Z","updated_at":"2025-06-28T23:32:42.174Z","avatar_url":"https://github.com/CodeBeamOrg.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BCSS\n### Revolutionary Runtime CSS Generator for Blazor\n\n[![GitHub Repo stars](https://img.shields.io/github/stars/codebeamorg/bcss?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/bcss/stargazers)\n[![GitHub last commit](https://img.shields.io/github/last-commit/codebeamorg/bcss?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/bcss)\n[![Contributors](https://img.shields.io/github/contributors/codebeamorg/bcss?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/codebeamorg/bcss/graphs/contributors)\n[![NuGet version](https://img.shields.io/nuget/v/CodeBeam.bcss?color=ff4081\u0026label=nuget%20version\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/CodeBeam.bcss)\n[![NuGet downloads](https://img.shields.io/nuget/dt/CodeBeam.bcss?color=ff4081\u0026label=nuget%20downloads\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/CodeBeam.bcss)\n\n| BCSS  |      .NET       |\n| :------------- | :-------------: |\n| 1.0.0  |    .NET 6 - .NET 7 - .NET 8     |\n| 1.0.1 | .NET 8 - .NET 9 |\n\n## Installation\n1. Install CodeBeam.BCSS Nuget package\n```razor\ndotnet add package CodeBeam.BCSS\n```   \n2. Add the following to `_Imports.razor`\n```razor\n@using BCSS\n```\n3. Add the following to your HTML **body** section, it's either `index.html` or `_Layout.cshtml`/`_Host.cshtml` depending on whether you're running Server-Side or WASM.\n```html\n\u003cscript src=\"_content/CodeBeam.BCSS/Bcss.min.js\"\u003e\u003c/script\u003e\n```\n4. Add the following to the relevant sections of `Program.cs`\n```c#\nusing Bcss.Services;\nbuilder.Services.AddBcss();\n```\n5. Add the following to`App.razor`\n```razor\n\u003cBlazorCssProvider /\u003e\n```\n6. Inject the service and place the component in the page that you want to use BCSS\n```razor\n@inject BcssService Bc\n```\n\n## Usage\nAdd the BCSS class into a class\n```razor\n\u003cdiv class=\"@Bc[\"w-200 h-100 r-20\"]\" /\u003e\n//This line adds width: 200px height: 100px and border-radius: 20\n```\n## Related Links\n- [Docs - bcss.codebeam.org](https://bcss.codebeam.org)\n- [Playground](https://bcss.codebeam.org#playground)\n- [Showcase](https://bcss.codebeam.org#showcase)\n- [QuickDebug](https://bcss.codebeam.org/devtools/quickdebug)\n- [Benchmark](https://bcss.codebeam.org/devtools/benchmark)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebeamorg%2Fbcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebeamorg%2Fbcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebeamorg%2Fbcss/lists"}