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

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

hugepancake 2026-08-04 09:28 1

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/

最新回复 (6)
  • yggd 08-04 09:50
    1楼
    还以为是 EVA 中的 SEELE 风格
  • molvqingtai 08-04 10:38
    2楼
    很好的组合，但是文档网站组件效果呢？我加载失败了？
  • hugepancake 楼主 08-04 10:44
    3楼
    @molvqingtai 具体是哪个页面呢？我这里能看到的页面都正常渲染了组件；如果你是从侧栏选择页面的话，/base 下是基础类和 mixin 的 API 文档，没有组件，/m3 和/win98 下才分别是 Material You 和 Windows 98 样式的组件，应该是能看到示例的，比如 https://tideover.cc/seele/docs/m3/loading-indicator/
  • hugepancake 楼主 08-04 10:47
    4楼
    @yggd 我也看过 eva ，这个项目本来打算叫 see 的，后来想到 element 取 e 和取 ele 都行，干脆叫 seele 了
  • molvqingtai 08-04 11:06
    5楼
    @hugepancake #3 点到 base 了，建议优化文档样式，看起来没有使用的欲望🤣
  • hugepancake 楼主 08-04 13:38
    6楼
    @molvqingtai 感谢建议 其实整体的样式模仿的是 ncurses 文档的极简风格，可能确实有点过于简陋了，后面我看看怎么优化一下页面的展示和组件库的入门引导
* 帖子来源V2EX
附近帖子
返回
飞读
随机推荐