Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/weimob-tech/titian-design
Titian Design 组件库
https://github.com/weimob-tech/titian-design
mini-program react ui-library vue
Last synced: 4 days ago
JSON representation
Titian Design 组件库
- Host: GitHub
- URL: https://github.com/weimob-tech/titian-design
- Owner: weimob-tech
- License: mit
- Created: 2023-01-11T08:14:31.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-22T08:46:24.000Z (almost 2 years ago)
- Last Synced: 2024-12-05T06:10:43.599Z (17 days ago)
- Topics: mini-program, react, ui-library, vue
- Homepage: https://titian.design.weimob.com
- Size: 8.79 KB
- Stars: 210
- Watchers: 4
- Forks: 54
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url] [![NPM downloads][download-image]][download-url]
[npm-badge]: https://img.shields.io/npm/v/@titian-design/h5.svg
[npm-url]: https://www.npmjs.com/package/@titian-design/h5
[figma-badge]: https://img.shields.io/badge/Figma-UIKit-%2318a0fb
[figma-url]: https://www.figma.com/community/file/1194917512409387064
[license-badge]: https://img.shields.io/npm/l/@titian-design/h5
[license-url]: https://github.com/weimob-tech/titian-design/blob/main/LICENSE
[download-image]: https://img.shields.io/npm/dm/@titian-design/h5
[download-url]: https://npmjs.org/package/@titian-design/h5
🖥️ 官网
|
:octocat: titian-h5
|
:octocat: titian-weapp
|
🎨 Figma 设计资源
## 简介
经过不断地优化，Titian 取得了大量核心业务应用及有效性验证。Titian 提供了清晰统一的 API ，满足多渠道小程序与多前端框架能力，极大的降低了研发成本与提升需求流转效率。同时，Titian 也是体验良好的重要保障，遵循用户习惯、维持用户心智，为业务提供了有序一致的产品体验。
## 设计指南
微盟Titian在提升效率、普适通用的核心思路下，基于“有序、普适、多元”的设计理念与价值观，打造具有自身特色的移动端组件库。
- [颜色 Color](http://titian.design.weimob.com/docs/design/design/color/)
- [字体 Font](http://titian.design.weimob.com/docs/design/design/font/)
- [图标 Icon](http://titian.design.weimob.com/docs/design/design/icon/)
- [圆角 Radius](http://titian.design.weimob.com/docs/design/design/radius/)
- [动效 Motion](http://titian.design.weimob.com/docs/design/design/motion/)
## 仓库
| - | Web Components | React | Vue | 微信小程序 |
| ------ | -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
| 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) |
| 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) |
| 子包 | /packages/h5 | /packages/react | /packages/vue | packages/weapp |
| 状态 | `beta` | `beta` | `beta` | `beta` |
## 解决方案及周边
| 类目 | npm 包 | 仓库目录 | 状态 |
| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | ------ |
| 在 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` |
| 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` |
| cli 工具 | [@titian-design/cli](https://www.npmjs.com/package/@titian-design/cli) | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/cli | `beta` |
| Titian 的打包工具 | [@titian-design/compiler](https://www.npmjs.com/package/@titian-design/compiler) | [titian-h5](https://github.com/weimob-tech/titian-h5)/packages/compiler | `beta` |
| 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` |
| 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` |
## 协议
Titian Design 使用 [MIT 协议](LICENSE)