https://github.com/codebeamorg/bcss

Revolutionary Runtime CSS Generator for Blazor
https://github.com/codebeamorg/bcss

blazor blazor-client blazor-server css generator style

Last synced: 14 days ago
JSON representation

Revolutionary Runtime CSS Generator for Blazor

• Host: GitHub
• URL: https://github.com/codebeamorg/bcss
• Owner: CodeBeamOrg
• License: mit
• Created: 2023-08-20T11:17:54.000Z (almost 2 years ago)
• Default Branch: dev
• Last Pushed: 2025-01-19T14:16:03.000Z (6 months ago)
• Last Synced: 2025-04-23T18:02:03.600Z (3 months ago)
• Topics: blazor, blazor-client, blazor-server, css, generator, style
• Language: HTML
• Homepage: https://bcss.codebeam.org
• Size: 382 KB
• Stars: 12
• Watchers: 1
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# BCSS

### Revolutionary Runtime CSS Generator for Blazor

[![GitHub Repo stars](https://img.shields.io/github/stars/codebeamorg/bcss?color=594ae2&style=flat-square&logo=github)](https://github.com/codebeamorg/bcss/stargazers)

[![GitHub last commit](https://img.shields.io/github/last-commit/codebeamorg/bcss?color=594ae2&style=flat-square&logo=github)](https://github.com/codebeamorg/bcss)

[![Contributors](https://img.shields.io/github/contributors/codebeamorg/bcss?color=594ae2&style=flat-square&logo=github)](https://github.com/codebeamorg/bcss/graphs/contributors)

[![NuGet version](https://img.shields.io/nuget/v/CodeBeam.bcss?color=ff4081&label=nuget%20version&logo=nuget&style=flat-square)](https://www.nuget.org/packages/CodeBeam.bcss)

[![NuGet downloads](https://img.shields.io/nuget/dt/CodeBeam.bcss?color=ff4081&label=nuget%20downloads&logo=nuget&style=flat-square)](https://www.nuget.org/packages/CodeBeam.bcss)

| BCSS  |      .NET       |

| :------------- | :-------------: |

| 1.0.0  |    .NET 6 - .NET 7 - .NET 8     |

| 1.0.1 | .NET 8 - .NET 9 |

## Installation

1. Install CodeBeam.BCSS Nuget package

```razor

dotnet add package CodeBeam.BCSS

```   

2. Add the following to `_Imports.razor`

```razor

@using BCSS

```

3. 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.

```html

```

4. Add the following to the relevant sections of `Program.cs`

```c#

using Bcss.Services;

builder.Services.AddBcss();

```

5. Add the following to`App.razor`

```razor

```

6. Inject the service and place the component in the page that you want to use BCSS

```razor

@inject BcssService Bc

```

## Usage

Add the BCSS class into a class

```razor



//This line adds width: 200px height: 100px and border-radius: 20

```

## Related Links

- [Docs - bcss.codebeam.org](https://bcss.codebeam.org)

- [Playground](https://bcss.codebeam.org#playground)

- [Showcase](https://bcss.codebeam.org#showcase)

- [QuickDebug](https://bcss.codebeam.org/devtools/quickdebug)

- [Benchmark](https://bcss.codebeam.org/devtools/benchmark)