seele——一个基于 Lit 的可扩展 Web Component 组件库，同时支持 Material You 风格

hugepancake · 2026-08-04T01:28:27Z

主要特色：高度灵活：提供 mixin 和基础组件，既可以在其基础上快速编写你想要的组件，也可以直接使用提供的 Material You Expressive 样式组件可访问性：遵守 APG ，支持无障碍与键盘操作低兼容性：尽量借助新的 Web 规范来优化库的行为与体积。比如使用了 Element Internals 内的 aria*Element ，使用后不再需要直接在 host 元素上设置 aria 属性，便于用户覆盖这样的属性文档 & demo: https://tideover.cc/seele/docs/ Material You 的组件在： https://tideover.cc/seele/docs/m3/ GitHub: https://github.com/vollowx/seele SourceHut: https://sr.ht/~lucaz/seele/

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

some of the comps

主要特色：

高度灵活：提供 mixin 和基础组件，既可以在其基础上快速编写你想要的组件，也可以直接使用提供的 Material You Expressive 样式组件
可访问性：遵守 APG ，支持无障碍与键盘操作
~~低兼容性~~：尽量借助新的 Web 规范来优化库的行为与体积。比如使用了 Element Internals 内的aria*Element，使用后不再需要直接在 host 元素上设置 aria 属性，便于用户覆盖这样的属性

文档 & demo: https://tideover.cc/seele/docs/
- Material You 的组件在： https://tideover.cc/seele/docs/m3/
GitHub: https://github.com/vollowx/seele
SourceHut: https://sr.ht/~lucaz/seele/

WebComponent

lit

material

6 replies • 2026-08-04 13:38:28 +08:00

yggd

17h 30m ago

还以为是 EVA 中的 SEELE 风格

molvqingtai

16h 42m ago

很好的组合，但是文档网站组件效果呢？我加载失败了？

hugepancake

16h 36m ago

@molvqingtai 具体是哪个页面呢？我这里能看到的页面都正常渲染了组件；如果你是从侧栏选择页面的话，/base 下是基础类和 mixin 的 API 文档，没有组件，/m3 和/win98 下才分别是 Material You 和 Windows 98 样式的组件，应该是能看到示例的，比如 https://tideover.cc/seele/docs/m3/loading-indicator/

hugepancake

16h 33m ago

@yggd 我也看过 eva ，这个项目本来打算叫 see 的，后来想到 element 取 e 和取 ele 都行，干脆叫 seele 了

molvqingtai

16h 14m ago

@hugepancake #3 点到 base 了，建议优化文档样式，看起来没有使用的欲望🤣

hugepancake

13h 42m ago

@molvqingtai 感谢建议其实整体的样式模仿的是 ncurses 文档的极简风格，可能确实有点过于简陋了，后面我看看怎么优化一下页面的展示和组件库的入门引导