Osirion.Blazor
Blazor CMS Component Library
Clean, fast, and developer-friendly components for building content-driven websites.
GitHub as your backend. Zero configuration required.
Features
Zero Setup
Install from NuGet and start building. No databases, no complex configuration.
GitHub CMS
Your content lives in GitHub. Version control, collaboration, and deployment you know.
Server-Side Rendering
Fast page loads and SEO optimization built-in. Works great with static hosting.
Multi-Framework
Bootstrap, Tailwind, MudBlazor, FluentUI, Radzen. Use your favorite styles.
Installation
Get started with Osirion.Blazor in seconds.
dotnet add package Osirion.Blazor.Cms
// Program.cs
builder.Services.AddOsirionCms(options =>
{
options.UseGitHubProvider("owner/repository");
options.AddBootstrapTheme();
});
<!-- Your page -->
<ContentView Path="home" />
<ContentList Category="blog" />
That's it. Your CMS is ready.
Components
Content
ContentView- Display single content itemsContentList- List content with filteringContentPage- Full page renderingContentRenderer- Custom content display
Navigation
ContentBreadcrumbs- Smart breadcrumbsTableOfContents- Auto-generated TOCTagCloud- Interactive tag navigationSearchBox- Content search
Admin
ContentEditor- Visual markdown editorMediaManager- File managementWorkflowManager- Content approvalAdminPanel- Complete admin interface
Examples
Simple Blog
@page "/blog"
<h1>My Blog</h1>
<ContentList Category="blog"
ShowSummary="true"
ShowTags="true"
Pagination="true" />
Documentation Site
@page "/docs/{*path}"
<div class="docs-layout">
<aside class="docs-sidebar">
<DirectoryNavigation Path="docs" />
</aside>
<main class="docs-content">
<ContentBreadcrumbs Path="@Path" />
<ContentView Path="@Path" ShowToc="true" />
<OsirionContentNavigation Path="@Path" />
</main>
</div>
Portfolio
@page "/portfolio"
<ContentView Path="portfolio/intro" />
<div class="portfolio-grid">
<ContentList Category="projects"
Template="card"
SortBy="featured" />
</div>
Themes
Osirion.Blazor works with your favorite UI framework:
Bootstrap
Complete Bootstrap 5 integration with responsive components.
Osirion.Blazor.Theming.Bootstrap
MudBlazor
Material Design components with dark mode support.
Osirion.Blazor.Theming.MudBlazor
Tailwind CSS
Utility-first CSS framework with custom design systems.
Osirion.Blazor.Theming.Tailwind
Fluent UI
Microsoft's design language for modern applications.
Osirion.Blazor.Theming.FluentUI
Radzen
Professional components for rapid development.
Osirion.Blazor.Theming.Radzen
Custom
Create your own theme with CSS variables and custom templates.
Roll your own
Use Cases
📚 Documentation
Transform your GitHub docs into a professional documentation site with navigation, search, and versioning.
✍️ Blogs
Create engaging blogs with categories, tags, author profiles, and social sharing.
💼 Portfolios
Showcase your work with project galleries, case studies, and client testimonials.
🏢 Company Sites
Build modern business websites with team profiles, services, and news sections.
Why Osirion.Blazor?
| Osirion.Blazor | Traditional CMS | |
|---|---|---|
| Setup Time | 5 minutes | 2+ hours |
| Database Required | No | Yes |
| Version Control | Git (built-in) | Complex plugins |
| Performance | Sub-second loads | 2-4 second loads |
| Developer Experience | Code-first | Admin panels |
| Hosting | Static or dynamic | Dynamic only |
Community
Get Started
Featured Content
