{"id":15766953,"url":"https://github.com/weimob-tech/titian-h5","last_synced_at":"2025-09-20T01:39:53.117Z","repository":{"id":65498243,"uuid":"428146937","full_name":"weimob-tech/titian-h5","owner":"weimob-tech","description":"Titian H5 组件库","archived":false,"fork":false,"pushed_at":"2023-08-18T06:52:09.000Z","size":1751,"stargazers_count":34,"open_issues_count":0,"forks_count":4,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-19T19:22:10.110Z","etag":null,"topics":["react-library","ui-components","ui-library","uikit","vue-library","web-components-library"],"latest_commit_sha":null,"homepage":"https://titian.design.weimob.com","language":"TypeScript","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}},"created_at":"2021-11-15T06:24:53.000Z","updated_at":"2025-02-28T05:36:16.000Z","dependencies_parsed_at":"2023-12-28T00:25:11.653Z","dependency_job_id":"52be7711-4780-48f8-bdc0-ab17e7586755","html_url":"https://github.com/weimob-tech/titian-h5","commit_stats":{"total_commits":21,"total_committers":4,"mean_commits":5.25,"dds":0.5714285714285714,"last_synced_commit":"57e2b7b328d0bc5f945ab27e2d8b5ac03c78a255"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-h5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-h5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-h5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weimob-tech%2Ftitian-h5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weimob-tech","download_url":"https://codeload.github.com/weimob-tech/titian-h5/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251722959,"owners_count":21633051,"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":["react-library","ui-components","ui-library","uikit","vue-library","web-components-library"],"created_at":"2024-10-04T13:04:07.400Z","updated_at":"2025-09-20T01:39:48.064Z","avatar_url":"https://github.com/weimob-tech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://cdn2.weimob.com/saas/saas-fe-sirius-orion-node/production/157/Logo_Titian.png\" width=\"300\" /\u003e\n\u003c/p\u003e\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-h5/blob/master/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\u003c/div\u003e\n\n[Titian Design](https://github.com/weimob-tech/titian-design) 适配移动端H5组件库。\n\n## 🎉 特性\n- 60+ 高质量组件\n- 适配移动端交互\n- 支持多框架，包括Web Components 、React和Vue 3.0\n- 支持按需加载\n- 支持主题定制，内置三种风格\n- 支持 SSR\n- 国际化支持\n\n## 🔥 安装\nReact 项目\n```shell\nnpm install @titian-design/mobile-react\n```\n\nVue 3.0 项目\n```shell\nnpm install @titian-design/mobile-vue\n```\n\n## 👍 使用\nReact 项目\n```js\nimport { TiButton } from '@titian-design/mobile-react';\n\nconst App = () =\u003e (\n  \u003cdiv className=\"App\"\u003e\n    \u003cTiButton type=\"primary\"\u003eButton\u003c/TiButton\u003e\n  \u003c/div\u003e\n);\n\nexport default App;\n```\n\nVue 3.0 项目\n```js\nimport { createApp } from 'vue'\nimport { TitianUI } from '@titian-design/mobile-vue'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\napp.use(TitianUI)\napp.mount('#app')\n```\n## 🔨 本地开发\n\n```bash\n$ git clone git@github.com:weimob-tech/titian-h5.git\n$ cd titian-h5\n$ npm install pnpm -g\n$ pnpm install\n$ pnpm start\n```\n\n### packages\n\n| 代码路径          | npm 包名               | 说明                                         | 依赖于                 |\n| ----------------- | ---------------------- | -------------------------------------------- | ---------------------- |\n| packages/h5       | `@titian-design/h5`    | `H5` 组件库源文件，是以 [`stencil`](https://stenciljs.com/docs/introduction) 为基础。            | `@stencil/core`        |\n| packages/h5-react | `@titian-design/mobile-react` | 基于 `@titian-design/h5` 搭建的 react 组件库 | `@titian-design/h5`    |\n| packages/h5-vue   | `@titian-design/mobile-vue`   | 基于 `@titian-design/h5` 搭建的 vue 3 组件库 | `@titian-design/h5`    |\n| packages/doc-web  | -                      | 基于 `docusaurus` 搭建的 API 文档            | `@titian-design/mobile-react` |\n\n## 🎈 协议\n\nTitian Design 使用 [MIT 协议](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweimob-tech%2Ftitian-h5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweimob-tech%2Ftitian-h5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweimob-tech%2Ftitian-h5/lists"}