All Projects → Tencent → tdesign

Tencent / tdesign

Licence: MIT license
Enterprise Design System

Projects that are alternatives of or similar to tdesign

Zmi Nerd
😃 Simple transform tool
Stars: ✭ 139 (-93.51%)
Mutual labels:  miniapp
wxMD5
📄基于 blueimp/JavaScript-MD5 的支持小程序的MD5加密库
Stars: ✭ 44 (-97.95%)
Mutual labels:  miniapp
zmi
🎃 Universal React Vue miniapp-ts development tool
Stars: ✭ 99 (-95.38%)
Mutual labels:  miniapp
Itmuch Miniapp
IT牧场小程序前端代码,使用mpvue + vant-weapp构建。本项目仅供教学使用,如果前端基础不好的同学,可以直接放弃。不影响Spring Cloud Alibaba的学习。
Stars: ✭ 153 (-92.86%)
Mutual labels:  miniapp
jgb
小程序渐进式编译框架
Stars: ✭ 21 (-99.02%)
Mutual labels:  miniapp
ByteDanceOpen
Bytedance(TikTok, Toutiao)third party open platform backend SDK, provides easy-to-use authorization, template management, code package management and other APIs.字节跳动(抖音, 头条)第三方开放平台小程序sdk, 提供了简单易用的授权,模版管理,代码包管理等api.
Stars: ✭ 67 (-96.87%)
Mutual labels:  miniapp
Wx Miniprogram Boilerplate
基于Gulp微信小程序开发工作流,支持less样式编写,支持ESLint代码检查等功能
Stars: ✭ 122 (-94.3%)
Mutual labels:  miniapp
weapp wechat miniapp sdk
一个封装了微信小程序服务端接口的SDK
Stars: ✭ 102 (-95.24%)
Mutual labels:  miniapp
vitx
😃 Simple transform tool
Stars: ✭ 137 (-93.6%)
Mutual labels:  miniapp
tdesign-vue-next
A Vue3.x UI components lib for TDesign.
Stars: ✭ 799 (-62.7%)
Mutual labels:  tdesign
Lottie Miniapp
lottie mniapp 小程序
Stars: ✭ 191 (-91.08%)
Mutual labels:  miniapp
miniapp
使用 Rax 语法(类 React)编写跨多端的小程序应用。
Stars: ✭ 65 (-96.97%)
Mutual labels:  miniapp
tdesign-vue-next-starter
A starter-kit for TDesign Vue Next UI components
Stars: ✭ 283 (-86.79%)
Mutual labels:  tdesign
Goji Js
React ❤️ Mini Program
Stars: ✭ 139 (-93.51%)
Mutual labels:  miniapp
wxBase64
🏗️在小程序中使用 js-base64 库
Stars: ✭ 19 (-99.11%)
Mutual labels:  miniapp
Vscode Miniapp Helper
微信小程序开发助手 for VSCode
Stars: ✭ 137 (-93.6%)
Mutual labels:  miniapp
Laghos
High-order Lagrangian Hydrodynamics Miniapp
Stars: ✭ 131 (-93.88%)
Mutual labels:  miniapp
CHCharts-wechat
📈A charts component for WeChat mini-app development(一款用于微信小程序开发中的图表组件,使用者可以快速添加并集成到微信小程序开发中).
Stars: ✭ 71 (-96.69%)
Mutual labels:  miniapp
ChineseBQB-client
🤣 开源表情包小程序
Stars: ✭ 81 (-96.22%)
Mutual labels:  miniapp
uniapp-scaffold
基于Vue.js的跨平台小程序脚手架、设计语言、组件库及插拔式模板
Stars: ✭ 87 (-95.94%)
Mutual labels:  miniapp

TDesign Logo

TDesign 是一套完整的 企业级设计体系,拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。
用于构建 设计统一 / 跨端多技术栈 的前端应用时,TDesign 更有优势。

TDesign

仓库

TDesign 是一个 multi-repo, TDesign 有如下代码仓库:

桌面端组件库

仓库 描述 状态
tdesign-vue Vue 2.x 技术栈 Beta
tdesign-vue-next Vue 3.x 技术栈 Beta
tdesign-react React 16.x 技术栈 Beta
tdesign-angular 基于 Angular 10 实现 待上线

移动端组件库

仓库 描述 状态
tdesign-miniprogram 微信小程序 Beta
tdesign-mobile-vue Vue 3.x 技术栈 Beta
tdesign-mobile-react React 16.x 技术栈 Alpha
tdesign-flutter 1.17.0 待上线

基础通用仓库

仓库 描述
tdesign TDesign 主仓库和文档
tdesign-icons TDesign 公共图标
tdesign-common TDesign 公共样式

解决方案及周边

仓库 描述
tdesign-starter-cli TDesign 解决方案的脚手架
tdesign-vue-starter 基于 tdesign-vue 的解决方案
tdesign-vue-next-starter 基于 tdesign-vue-next 的解决方案
tdesign-react-starter 基于 tdesign-react 的解决方案
tdesign-miniprogram-starter-retail 基于 tdesign-miniprogram 的零售行业解决方案

为什么会有 TDesign

在过去,腾讯有许多设计体系和组件库类型的项目,围绕产品做“去中心化”的快速迭代。

2019 年腾讯成立了开源协同委员会,通过内部开源协同的方式,把同类技术产品的不同团队组织到一起共建。

TDesign 正是腾讯开源协同下前端和设计领域的协作产物,期待共建出一个完善且通用的设计体系和组件库产品。

image

TDesign 的发展

TDesign 在创建之初就秉承开源协作的原则,包括源代码在内的协作方案讨论组件设计API 制定的过程也完全在公司内部开放,得到了内部开发和设计同学的广泛关注。无论以什么身份参与,TDesign 都同样遵循平等、公开、严格的原则来对待。

很多同学从个人项目中试用组件库开始,到提交第一个 Bug Issue,再到提交第一个 Feature MR,最后逐步参与到 Code Review 和方案制定工作中,成为核心贡献者。在过去的一年中,TDesign 关闭了 1k+ Issue,进行了 5k+ 次 CR,保持 每周迭代 发布新版本。

组件库目前支持多个端和主流技术栈,桌面端 Vue2、Vue3、React 和移动端 Vue3、微信小程序已发布 Beta 版本,移动端 React、QQ小程序发布 Alpha 内测版本。

为什么开源

通过开源,TDesign 期望持续打磨出更加完善易用的组件库,收获丰富的生态。

借助社区,TDesign 期望与更多产品设计和开发者持续交流,成为更加有价值的产品。

对 TDesign 而言,开源是一个新的起点。

TDesign 后续发展规划请参阅 后续计划

产品特性

完整

  • 支持了 Vue 2Vue 3React 和移动端 Vue 3微信小程序 的开发,其他技术栈如 Augular、Flutter 正在开发中
  • 提供丰富多样的设计资源,包括 Figma、Adobe XD、Sketch 等,将设计师从重复劳动中释放出来
  • 提供辅助设计工具如 Sketch 设计插件,也支持在腾讯 CoDesign、即时设计、Pixso、墨刀等市面常用设计工具中使用

image

一致

  • 拥有统一的价值观视觉风格,帮助产品在跨端设计和开发过程中保持一致的产品使用体验
  • 各技术栈产物 API 定义和实现保持一致,在构建统一/多端覆盖/跨技术栈的前端应用时更有优势

image

易用

  • 提炼不同业务、场景的设计经验,提供通用的设计指南以降低使用门槛
  • 支持使用者通过 Design Token 对设计风格进行扩展
  • 提供 Starter Kit 帮助使用者快速上手

image

文档

更多文档在 TDesign 官网

设计指南

TDesign 将腾讯内部多年设计经验提炼总结为专业的设计指南,提供的通用设计解决方案。

更多内容参考每个组件的指南部分,例如:Button

设计资源

为了实现开发与设计之间的高效协同,TDesign 中包含了丰富可复用的设计组件资源:

贡献者

❤️ 感谢 TDesign 所有的贡献者,他们是超过 270 位伙伴们:

参与贡献

请参照《如何贡献》文档。

反馈

有任何问题,建议通过 Github issues 反馈或扫码加入用户微信群。

开源协议

TDesign 使用 MIT 协议

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].