{"id":21356316,"url":"https://github.com/weimob-tech/titian-design","last_synced_at":"2025-04-23T20:45:00.073Z","repository":{"id":65711792,"uuid":"587636883","full_name":"weimob-tech/titian-design","owner":"weimob-tech","description":"Titian Design 组件库","archived":false,"fork":false,"pushed_at":"2023-02-22T08:46:24.000Z","size":9,"stargazers_count":173,"open_issues_count":0,"forks_count":54,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-30T03:22:44.567Z","etag":null,"topics":["mini-program","react","ui-library","vue"],"latest_commit_sha":null,"homepage":"https://titian.design.weimob.com","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/weimob-tech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-11T08:14:31.000Z","updated_at":"2025-03-26T01:25:48.000Z","dependencies_parsed_at":"2024-12-26T08:11:00.661Z","dependency_job_id":"d737c090-d463-4435-a459-e1cb19f684cf","html_url":"https://github.com/weimob-tech/titian-design","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weimob-tech","download_url":"https://codeload.github.com/weimob-tech/titian-design/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250513380,"owners_count":21443200,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mini-program","react","ui-library","vue"],"created_at":"2024-11-22T04:30:19.052Z","updated_at":"2025-04-23T20:45:00.046Z","avatar_url":"https://github.com/weimob-tech.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://cdn2.weimob.com/saas/saas-fe-sirius-orion-node/production/157/github_banner06.png\"/\u003e\n\u0026nbsp;\n\n\u003cdiv align=\"center\"\u003e\n\n[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url] [![NPM downloads][download-image]][download-url]\n\n[npm-badge]: https://img.shields.io/npm/v/@titian-design/h5.svg\n[npm-url]: https://www.npmjs.com/package/@titian-design/h5\n[figma-badge]: https://img.shields.io/badge/Figma-UIKit-%2318a0fb\n[figma-url]: https://www.figma.com/community/file/1194917512409387064\n[license-badge]: https://img.shields.io/npm/l/@titian-design/h5\n[license-url]: https://github.com/weimob-tech/titian-design/blob/main/LICENSE\n[download-image]: https://img.shields.io/npm/dm/@titian-design/h5\n[download-url]: https://npmjs.org/package/@titian-design/h5\n\n🖥️\u0026nbsp;\u003ca href=\"https://titian.design.weimob.com/\"\u003e官网\u003c/a\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n:octocat:\t\u0026nbsp;\u003ca href=\"https://github.com/weimob-tech/titian-h5\"\u003etitian-h5\u003c/a\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n:octocat:\t\u0026nbsp;\u003ca href=\"https://github.com/weimob-tech/titian-weapp\"\u003etitian-weapp\u003c/a\u003e\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n🎨\u0026nbsp;\u003ca href=\"https://www.figma.com/community/file/1194917512409387064\"\u003eFigma 设计资源\u003c/a\u003e\n\u003c/div\u003e\n\n\u0026nbsp;\n\n##  简介\n\n经过不断地优化，Titian 取得了大量核心业务应用及有效性验证。Titian 提供了清晰统一的 API ，满足多渠道小程序与多前端框架能力，极大的降低了研发成本与提升需求流转效率。同时，Titian 也是体验良好的重要保障，遵循用户习惯、维持用户心智，为业务提供了有序一致的产品体验。\n\n\u0026nbsp;\n##  设计指南\n\n微盟Titian在提升效率、普适通用的核心思路下，基于“有序、普适、多元”的设计理念与价值观，打造具有自身特色的移动端组件库。\n\n- [颜色 Color](http://titian.design.weimob.com/docs/design/design/color/)\n- [字体 Font](http://titian.design.weimob.com/docs/design/design/font/)\n- [图标 Icon](http://titian.design.weimob.com/docs/design/design/icon/)\n- [圆角 Radius](http://titian.design.weimob.com/docs/design/design/radius/)\n- [动效 Motion](http://titian.design.weimob.com/docs/design/design/motion/)\n\n\u0026nbsp;\n\n## 仓库\n\n| -      | Web Components                                                       | React                                                                                    | Vue                                                                                  | 微信小程序                                                                 |\n| ------ | -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |\n| npm    | [@titian-design/h5](https://www.npmjs.com/package/@titian-design/h5) | [@titian-design/mobile-react](https://www.npmjs.com/package/@titian-design/mobile-react) | [@titian-design/mobile-vue](https://www.npmjs.com/package/@titian-design/mobile-vue) | [@titian-design/weapp](https://www.npmjs.com/package/@titian-design/weapp) |\n| github | [titian-h5](https://github.com/weimob-tech/titian-h5)                | [titian-h5](https://github.com/weimob-tech/titian-h5)                                    | [titian-h5](https://github.com/weimob-tech/titian-h5)                                | [titian-weapp](https://github.com/weimob-tech/titian-weapp)                |\n| 子包   | /packages/h5                                                         | /packages/react                                                                          | /packages/vue                                                                        | packages/weapp                                                             |\n| 状态   | `beta`                                                               | `beta`                                                                                   | `beta`                                                                               | `beta`                                                                     |\n\n\u0026nbsp;\n\n##   解决方案及周边\n\n| 类目                                              | npm 包                                                                                                   | 仓库目录                                                                                  | 状态   |\n| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | ------ |\n| 在 PC 上使用 touch 事件，支持 Web Components 冒泡 | [@titian-design/touchemualtor](https://www.npmjs.com/package/@titian-design/touchemualtor)               | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/touchemualtor              | `beta` |\n| eslint 插件                                       | [@titian-design/eslint-plugin](https://www.npmjs.com/package/@titian-design/eslint-plugin)               | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/eslint-plugin              | `beta` |\n| cli 工具                                          | [@titian-design/cli](https://www.npmjs.com/package/@titian-design/cli)                                   | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/cli                        | `beta` |\n| Titian 的打包工具                                 | [@titian-design/compiler](https://www.npmjs.com/package/@titian-design/compiler)                         | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/compiler                   | `beta` |\n| WXML 格式化工具                                   | [@titian-design/prettier-plugin-wxml](https://www.npmjs.com/package/@titian-design/prettier-plugin-wxml) | [titian-weapp](https://github.com/weimob-tech/titian-weapp)/packages/prettier-plugin-wxml | `beta` |\n| Titian 小程序 VS Code 提示插件                    | [@titian-design/snippets](https://www.npmjs.com/package/@titian-design/snippets)                         | [titian-weapp](https://github.com/weimob-tech/titian-weapp)/packages/snippets             | `beta` |\n\n\u0026nbsp;\n\n## 协议\n\nTitian Design 使用 [MIT 协议](LICENSE)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweimob-tech%2Ftitian-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweimob-tech%2Ftitian-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweimob-tech%2Ftitian-design/lists"}