一个工具链,用于在TypScript和Web Components标准的基础上构建可扩展的企业级组件系统。Stenix组件可以从单个框架不可知的代码库本地分发到React、Angular、Vue(+更多)和传统Web应用程序。
custom-element 开源项目推荐(365 个)
custom-element 话题在 GitHub 上没有填写简介,这里按 Star 数汇总最相关的热门仓库。
20收录项目
2 万Star 总量
5覆盖语言
1本站浏览
相关标签
热门项目 前 20
按 Star 数排序展示前 20 个 · GitHub 共 365 个仓库stenciljs /core
TypeScript1.3 万
rapi-doc /RapiDoc
RapiDoc -OpenAPI规范的Web组件
JavaScript1911
web-padawan /vanilla-colorful
面向现代 Web 应用的微型颜色选择器自定义元素(2.7 KB)
TypeScript857
Aejkatappaja /phantom-ui
结构感知的骨架加载器。一个 Web Component,适用于所有框架。
TypeScript816
niutech /x-frame-bypass
扩展 IFrame 以绕过 X-Frame-Options: deny/sameorigin 的 Web Component
JavaScript755
mskocik /svelecte
用 Svelte 编写的灵活自动补全/选择组件
JavaScript570
MarketingPipeline /Markdown-Tag
使用 md 标签在任意网站上将 Markdown 渲染为 HTML
CSS461
google-pay /google-pay-button
Google Pay 按钮 - React、Angular 和自定义元素
TypeScript307
CaptainCodeman /gif-player
控制你的动画 GIF
JavaScript145
the-road-to-learn-react /use-custom-element
用于将 Custom Elements(Web Components)桥接到 React 的自定义 Hook。
JavaScript90
kherrick /pwgen
编译为 Wasm 的密码生成器,可用于 CLI、自定义元素或作为模块。
HTML85
GrabarzUndPartner /nuxt-custom-elements
将你的组件发布为自定义元素的独立构建。
JavaScript83
ProgressiveWebComponents /pwa-install
一个微型、零依赖、非可视化的原生浏览器 Web Component(即插即用的自定义 HTML 元素和可扩展类),可帮助实现推广渐进式 Web 应用(PWA)安装的自定义模式
JavaScript74
dddddddddzzzz /open-heart-element
用于向端点 POST 表情符号的按钮。
TypeScript65
FEMessage /element
deepexi 定制的 element-ui
Vue62
MarketingPipeline /Code-Runner-Web-Component
允许在网站(包括静态网站)上运行高级编程语言的 Web Component
JavaScript57
MarketingPipeline /Ace-Editor-Web-Component
通过 Ace Editor 为网页添加代码编辑器的 Web Component
JavaScript54
dddddddddzzzz /open-stories-element
打开 Stories 信息流 → Story 查看器
TypeScript50
adaleks /anywhere-ui
AnywhereUI 是一组丰富的 Web Components,包含框架绑定,使用 StencilJS 创建
TypeScript38
lekoala /last-icon
一个统御所有场景的自定义图标元素
HTML36
关于这个话题
- 清单取自 GitHub 话题页并按 Star 数排序,每次展示前 20 个项目;原始页面见 https://github.com/topics/custom-element。
- 该话题在 GitHub 上共有 365 个仓库, 本站收录的是其中最热门的 20 个,不是全量列表。
- Star / Fork 每日自动刷新一次,实时数据以 GitHub 为准。
- 当前 20 个项目累计 2 万 Star,覆盖 5 种主要语言,数据更新于 2026-11-06。
- 中文介绍来自 GitHub 官方话题说明(github/explore)的机器翻译,可点「查看原文」对照;译文缺失时会先展示原文。