{"id":15259687,"url":"https://github.com/chaimayor/hview-ui","last_synced_at":"2025-04-12T02:38:00.983Z","repository":{"id":65343000,"uuid":"588402446","full_name":"ChaiMayor/hview-ui","owner":"ChaiMayor","description":"Hview UI - A Vue.js 3 UI library 👻","archived":false,"fork":false,"pushed_at":"2023-07-24T03:16:36.000Z","size":23195,"stargazers_count":92,"open_issues_count":1,"forks_count":8,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-12T02:37:52.849Z","etag":null,"topics":["hview-ui","less","markdown","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"https://chai-mayor.gitee.io/hview-ui","language":"Vue","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/ChaiMayor.png","metadata":{"files":{"readme":"README-EN.md","changelog":"CHANGELOG.md","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-13T02:57:11.000Z","updated_at":"2025-03-02T14:57:55.000Z","dependencies_parsed_at":"2024-08-01T13:28:17.216Z","dependency_job_id":null,"html_url":"https://github.com/ChaiMayor/hview-ui","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChaiMayor%2Fhview-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChaiMayor%2Fhview-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChaiMayor%2Fhview-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChaiMayor%2Fhview-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChaiMayor","download_url":"https://codeload.github.com/ChaiMayor/hview-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248507085,"owners_count":21115533,"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":["hview-ui","less","markdown","typescript","vue","vue3"],"created_at":"2024-09-30T03:08:37.884Z","updated_at":"2025-04-12T02:38:00.962Z","avatar_url":"https://github.com/ChaiMayor.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg width=\"130px\" style=\"margin-bottom:24px;\" src=\"https://oss.zhishiyu.online/common/w160h160.png\"\u003e\n\u003ch1\u003eHVIEW UI\u003c/h1\u003e\n\n\u003cp\u003eMinimalism library on the computer side based on Vue3\u003c/p\u003e\n\n\u003cp\u003e English | \u003ca href=\"https://github.com/ChaiMayor/hview-ui/tree/dev/README.md\"\u003e\n 简体中文 \n\u003c/a\u003e\u003c/p\u003e\n\u003cp align=\"center\" style=\"margin-top:24px;\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/hview-plus\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/hview-plus\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ChaiMayor/hview-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-v3.2.0%2B-blue\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/hview-plus\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/hview-plus\"\u003e\n  \u003c/a\u003e\n  \u003c!-- \u003ca href=\"https://www.npmjs.com/package/hview-plus\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/coverage-82%25-green\"\u003e\n  \u003c/a\u003e --\u003e\n  \u003ca href=\"https://github.com/ChaiMayor/hview-ui\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-green\"/\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003c/div\u003e\n\n## 🎃 Intro\n\nHview is a Minimalism style computer side component library developed based on `Vue3`, fully embrace `Vue3` ecology, maintained by `Wuhu Takeoff` team.\n\n## ✨ Features\n\n- 🚀 Provides 30+ high quality common components\n\n- 💪 Developed by Chinese people, perfect documentation and logistics support in both Chinese and English\n\n- 🛠️ Support on demand import, reduce packaging volume\n\n- 🛠️ Support theme customization\n\n- 🌍 Support internationalization\n\n- 🎯 Built in TypeScript, complete type definition files are available\n\n- 🛠️ Support dark mode\n\n- 🤺 It's a drill ground. It could be useful\n\n- 🔐 Ensure over 80% unit test coverage to ensure stability, safety and reliability\n\n## 📦 Install\n\n```bash\nnpm i hview-plus\n```\n\n## 🤹‍♀️ Used\n\n```js\n// main.ts\nimport { createApp } from \"vue\";\nimport HviewPlus from \"hview-plus\";\nimport \"hview-plus/theme-chalk/style.css\";\n\nimport App from \"./App.vue\";\n\nconst app = createApp(App);\n\napp.use(HviewPlus);\napp.mount(\"#app\");\n```\n\nProject document：[chai-mayor.gitee.io/hview-ui](https://chai-mayor.gitee.io/hview-ui)\n\n## 🤺 Playground\n\nEdit components online at [Hview UI Playground](https://playground.zhishiyu.online/)\n\n\u003e Sometimes, component registration may fail, and you can refresh the page to recover\n\n## 🥇 Technology stack\n\nCore：vue3 + typescript + less + vite\n\nSubmit：husky、commitlint、lint-staged\n\nGenre：eslint、prettier、stylelint、postcss-less\n\nDir：ls-lint\n\nDocument：vitepress\n\nI18n：vue-i18n\n\nTest：vitest、@vue/test-utils、jsdom、c8\n\nCI/CD：gulp、github actions、release-it\n\n## 🎪 Project case\n\nProject name：Hview-ui\n\nImplied meaning：Usually, the first code to learn programming is Hello World, and it is the first time for us to develop component libraries. Our component libraries are also developed and learned by referring to existing component libraries. view has the meaning of observation and is a homophone with vue, so we combine h and view together. Naming the component library hview-ui means that our new component library will learn the advantages of integrating existing component libraries and hopefully present a good component library project for you.\n\nLogo：\n\n\u003cp style=\"text-align:left;\"\u003e\n  \u003cimg width=\"100px\" style=\"margin-bottom:24px;\" src=\"https://oss.zhishiyu.online/common/hview-logo.png\"\u003e\n\u003c/p\u003e\n\nDesign：view also means perspective, view. Here, three patterns in different view directions are used to form the solid H\n\nImplied meaning：There are still many imperfections in our component library. We sincerely hope that the majority of developers can use our component library and give us feedback and questions. We will humbly accept and then accept your opinions, and continue to iterate the project that satisfies the developers.\n\n## 👋 Contributors\n\nThanks for all their contributions 🐝！\n\n\u003ca href=\"https://github.com/ChaiMayor/hview-ui/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=ChaiMayor/hview-ui\" /\u003e\n\u003c/a\u003e\n\n## 🎑 Join us\n\nBy using the fly book scan code to join the development group chat, later in the group to share the knowledge of the development of the component library, how to solve the problems encountered, as well as the development process introduction and so on...\n\nThose who have the ability and ideas can participate in our open source project after completing and submitting the development of the three components according to the introduction\n\nFor those who have ideas but don't have the ability at present, we will provide some article materials of component library in the group. We hope you can participate in the development of our project after learning and practicing\n\nFinally, I hope you can make a fortune and give us a free star. Thank you again 😘\n\n\u003cp style=\"text-align:left;\"\u003e\n  \u003cimg width=\"200px\" style=\"margin-bottom:24px;\" src=\"https://oss.zhishiyu.online/common/hview-ui.png\"\u003e\n\u003c/p\u003e\n\n\u003e Reference article：\u003ca href=\"https://zhuanlan.zhihu.com/p/359612351\"\u003eHow do I contribute code to an open source project? - zhihu.com\u003c/a\u003e\n\n## 🌸 Thanks\n\nThe project draws on the following projects.\n\n- [Element Plus](https://element-plus.gitee.io/zh-CN/component/button.html)\n- [kitty-ui](https://gitee.com/geeksdidi/kittyui)\n- [brain-ui](https://github.com/longyanjiang/brain-ui)\n\n## 📄 License\n\n[MIT License](https://opensource.org/licenses/MIT) © 2023-PRESENT [ChaiMayor](https://github.com/NelsonYong)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchaimayor%2Fhview-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchaimayor%2Fhview-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchaimayor%2Fhview-ui/lists"}