SheepNav
elorm/ui

elorm/ui

producthunt.com

真正属于你的精美组件库

2天前制作者:elorm

关于 elorm/ui

elorm/ui 是一款专为现代 React 开发者打造的组件库,它提供了一系列可直接复制粘贴的组件,让你在几秒钟内就能为项目添加美观、可访问的 UI 元素。与传统的组件库不同,elorm/ui 强调“你真正拥有”的理念——所有组件的源代码完全透明,你可以自由修改、定制,无需受限于黑盒封装。

核心功能

elorm/ui 的核心是“复制即用”的工作流。通过其 AI 友好的 CLI 工具,你可以快速搜索并安装所需组件,无需手动下载或配置。组件基于 OKLCH 色彩空间 进行主题设计,支持动态、无障碍的色彩方案,确保视觉一致性。此外,所有组件都内置了 无障碍(Accessibility) 基础,遵循 WAI-ARIA 标准,让应用对所有人友好。

主要特性

  • 完全可控的源代码:每个组件都是独立的文件,你可以直接修改样式、逻辑,甚至移除依赖,真正拥有代码的完全所有权。
  • OKLCH 主题系统:利用先进的色彩空间,轻松创建一致且可访问的亮色/暗色主题,无需复杂计算。
  • AI 驱动的 CLI:智能命令行工具,支持自然语言搜索组件,并自动处理依赖和导入,极大提升开发效率。
  • 无障碍优先:所有组件默认支持键盘导航、屏幕阅读器,并遵循 WCAG 标准,减少后期修复成本。
  • 轻量无依赖:组件按需使用,不强制引入整个库,保持项目体积最小化。

适用场景

elorm/ui 适合需要高度定制 UI 的 React 项目,尤其是那些希望避免臃肿框架、追求代码透明度的团队。无论是快速原型开发、企业级应用,还是设计系统构建,它都能提供灵活的基础。对于 AI 辅助编程场景,其 CLI 与自然语言交互能力更是如虎添翼。

相关工具