Element-Blazor 是一个对齐 Element Plus 设计语言的 Blazor UI 组件库。当前主线面向 net10.0,使用 <ElButton>、<ElInput>、<ElTable> 等 El* Razor 组件,让 .NET 团队可以直接用 Blazor 构建现代前端体验。
安装主包:
dotnet add package Element 注册服务:
builder.Services.AddElementServices();加载静态资源:
<link rel="stylesheet" href="/_content/Element/css/fix.css" />
<link rel="stylesheet" href="/_content/Element/css/index.css" />
<link rel="stylesheet" href="/_content/Element/css/theme.css" />
<script src="/_content/Element/js/dom.js"></script>使用组件:
<ElButton Type="@ButtonType.Primary">Primary</ElButton>
<ElInput TValue="string" Placeholder="Search" Clearable="true" />| 包 | NuGet | 下载量 | 用途 |
|---|---|---|---|
Element |
Element 风格 Blazor 组件库 | ||
Element.Markdown |
Markdown 编辑器组件 | ||
Element.X |
AI / conversation optional components |
- 📦 主包:
Element - 🧱 主项目:
src/Components/Element.csproj - ✍️ Markdown 包:
Element.Markdown - 🤖 X 包:
Element.X(src/X/Element.X.csproj) - ⚙️ 目标框架:
net10.0 - 🏷️ 当前版本线:
2.14.0-alpha.1 - 📜 开源协议:MIT
- 🧭 演示站:https://element-blazor.github.io/
项目路线已经把 Element Plus X 风格组件纳入长期规划,目标是只使用当前仓库内的 Blazor Element 组件实现 AI 对话、发送器、会话列表、思考过程、富内容和 RuoYi 风格 AI 工作台 demo。
dotnet restore Element-Blazor.sln
dotnet build Element-Blazor.sln -c Releasedemo、template、community 是子模块或展示工作区,完整验证前请初始化:
git submodule sync --recursive
git submodule update --init --recursive创建 v* tag 会触发组件发布 workflow:
git tag v2.14.0-alpha.1
git push origin v2.14.0-alpha.1流水线会根据 tag 去掉 v 后的版本号打包 Element、Element.Markdown 和 Element.X,使用组织 Secret NUGET_KEY 发布到 NuGet,并同步创建 GitHub Release。
- 📝 Changelog:
CHANGELOG.md - 🛣️ Roadmap:
ROADMAP.md - ✅ Release checklist:
docs/release-checklist.md - 🎨 Element Plus alignment:
docs/element-plus-alignment.md
欢迎加入微信群/企业微信交流群,也欢迎通过 GitHub Issues 一起推进组件、文档、主题和 AI 场景能力。
- GitHub Pages 演示站:https://element-blazor.github.io/
- GitHub Issues:https://github.com/Element-Blazor/Element-Blazor/issues
