Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Element-Blazor/Element-Blazor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

669 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Element-Blazor

NuGet Version NuGet Downloads Markdown Version X Version GitHub Release License

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 NuGet Downloads Element 风格 Blazor 组件库
Element.Markdown NuGet Downloads Markdown 编辑器组件
Element.X NuGet Downloads 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/

🤖 X 组件与 AI Demo

项目路线已经把 Element Plus X 风格组件纳入长期规划,目标是只使用当前仓库内的 Blazor Element 组件实现 AI 对话、发送器、会话列表、思考过程、富内容和 RuoYi 风格 AI 工作台 demo。

🛠️ 构建

dotnet restore Element-Blazor.sln
dotnet build Element-Blazor.sln -c Release

demotemplatecommunity 是子模块或展示工作区,完整验证前请初始化:

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 后的版本号打包 ElementElement.MarkdownElement.X,使用组织 Secret NUGET_KEY 发布到 NuGet,并同步创建 GitHub Release。

📚 文档

💬 社区

欢迎加入微信群/企业微信交流群,也欢迎通过 GitHub Issues 一起推进组件、文档、主题和 AI 场景能力。

Element-Blazor 微信交流群二维码