秩序之下 · 想象之上

解构复杂 · 聚合光芒

一套完全开源的 C 端组件库方案
apron.design
apron.design | An opensource toC design system.
15
NEW
Akimi

谁在使用

  • Apron Design
    Apron Design
  • Davinci
    DAVINCI
  • Envoy
    ENVOY
  • Mitkimi
    黑米说
  • Music Hall
    黑米说音乐厅
  • Offontime
    按时下班
  • Offshop
    下班小铺
  • Panda
    Panda
  • Serendipity
    Serendipity
  • Soundpad
    SOUNDPAD
  • Teleprompter
    提词器
  • TG
    TG
  • Yike Music
    一刻乐谱

完善的 Figma 设计文件

Figma
Figma Design Files
我们使用 Figma 将设计原则和组件设计开源,了解 Apron Design 的设计思想,这里有包括全局色、文字、图标和布局的指南。
Figma Design Window
Agreement
Peace
Realizing
Open
Necessity

跨平台组件开发资源

React 组件库

React 组件库支持 React 16+ 版本,并且支持 Next。js 服务端渲染方案。

目前已经完成了 40+ 组件,已经可以大部分支持 toC 场景的开发。

Vue3 组件库

Vue 组件库支持 Vue3 版本,并且支持 Nuxt.js 服务端渲染方案。

目前已经完成了 40+ 组件,已经可以大部分支持 toC 场景的开发。

微信小程序组件库

微信小程序组件库支持原生开发,与 React 和 Vue 组件库使用相同的设计语言。

目前已经完成了 40+ 组件,几乎涵盖微信小程序所有的使用场景。

与每一份力量共赴山海

4000+
接入项目
3w+
总下载量
  • "ApronDesign 的组件设计非常精美,开箱即用的特性让我们的开发团队能够快速构建高质量的用户界面。组件库的 TypeScript 支持完善,类型定义清晰准确,大大提升了我们的开发效率和代码质量。"

  • "设计系统非常完善,组件的一致性做得很好,从基础组件到复杂的业务组件都遵循统一的设计语言。这为我们的产品提供了统一的视觉体验,也让设计师和开发者之间的协作变得更加高效顺畅。"

  • "文档详细且易于理解,API 设计合理直观,上手非常快。无论是新手还是经验丰富的开发者都能快速掌握。组件的可定制性强,能够很好地适配各种业务场景,强烈推荐给所有前端开发者。"

  • "深色模式适配完美,每个组件在明暗主题下都有精心设计的视觉表现。组件库的主题系统设计得非常灵活,支持自定义主题色和设计令牌,让我们能够轻松打造符合品牌调性的产品界面。"

  • "性能优异,组件渲染速度快,即使在复杂的页面场景下也能保持流畅的用户体验。虚拟滚动、懒加载等优化手段的运用恰到好处,完全满足我们对高性能应用的业务需求。"

  • "可访问性做得很好,所有组件都符合 WCAG 标准,支持键盘导航和屏幕阅读器。这不仅体现了技术的专业性,更展现了开发团队对用户体验和社会责任的重视,是一个真正有温度的设计系统。"

  • "组件库的响应式设计非常出色,无论是桌面端还是移动端都能提供一致的用户体验。布局系统灵活且强大,让我们能够轻松实现各种复杂的界面需求,大大减少了开发时间和维护成本。"