{"id":20669668,"url":"https://github.com/fox-one/uikit","last_synced_at":"2025-04-19T18:13:02.954Z","repository":{"id":41993043,"uuid":"287734992","full_name":"fox-one/uikit","owner":"fox-one","description":null,"archived":false,"fork":false,"pushed_at":"2022-11-04T08:11:12.000Z","size":19212,"stargazers_count":19,"open_issues_count":1,"forks_count":3,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-29T11:34:30.224Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fox-one.png","metadata":{"files":{"readme":"README.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}},"created_at":"2020-08-15T11:38:36.000Z","updated_at":"2023-04-11T03:24:02.000Z","dependencies_parsed_at":"2023-01-21T14:02:08.397Z","dependency_job_id":null,"html_url":"https://github.com/fox-one/uikit","commit_stats":null,"previous_names":[],"tags_count":90,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fox-one%2Fuikit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fox-one%2Fuikit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fox-one%2Fuikit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fox-one%2Fuikit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fox-one","download_url":"https://codeload.github.com/fox-one/uikit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249760150,"owners_count":21321843,"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":[],"created_at":"2024-11-16T20:15:27.093Z","updated_at":"2025-04-19T18:13:02.928Z","avatar_url":"https://github.com/fox-one.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @foxone/uikit\n\nAn UIkit based on Vue \u0026 Vuetify, mainly written in TypeScript, includes some useful components widely used in bots for Mixin Messenger.\n\n\n## Documents \u0026 Live Demos\n\n[Here](https://fox-one.github.io/fe-docs/components/asset-input-tools.html) are components documents and demos.\n\n## Figma files\n\n[Here](https://www.figma.com/file/LyLtRYpUtY5BjlndvCkmNB/UIKit-Components?node-id=0%3A1) is a Figma file.\n\n## Projects Using UIkit\n\n- [Reborn](https://www.firesbox.com)\n- [4swap](https://4swap.org)\n\n## Getting started\n\n### 1. Using [nuxt_ts_template](https://github.com/fox-one/nuxt_ts_template/)\n\nLatest [nuxt_ts_template](https://github.com/fox-one/nuxt_ts_template/) includes UIKit by default. Enjoy.\n\n### 2. Add UIkit to existed projects\n\n- You can create project with [vue-cli](https://cli.vuejs.org/zh/guide/) or [nuxt](https://nuxtjs.org/) .\n\n- Add `typescipt` support .\n\n  [how to enable typescript in vue-cli?](https://cn.vuejs.org/v2/guide/typescript.html)\n\n  [how to enable typescript in nuxt?](https://nuxtjs.org/guide/typescript)\n\n- Add uikit with `yarn add @foxone/uikit` or `npm install @foxone/uikit`.\n\n- UIKit use @mdi/js as icon libary, Add MDIcons support `yarn add @mdi/js -D` or `npm install @mdi/js -dev`\n\n- Use plugin with `Vue.use()`, add i18n support.\n\n  ```typescript\n  import Vue from \"vue\";\n  import Vuetify from \"vuetify/lib\";\n  import UIkit from \"@foxone/uikit\";\n\n  import zh from \"vuetify/es5/locale/zh-Hans\";\n  import en from \"vuetify/es5/locale/en\";\n  import ja from \"vuetify/es5/locale/ja\";\n  import enUIkit from \"@foxone/uikit/src/locales/en\";\n  import jaUIkit from \"@foxone/uikit/src/locales/ja\";\n  import zhUIkit from \"@foxone/uikit/src/locales/zh-Hans\";\n\n  Vue.use(Vuetify);\n  Vue.use(UIkit);\n\n  export default function(store) {\n    const isDark = store.state.app?.dark || false;\n\n    return new Vuetify({\n      icons: {},\n      theme: {\n        dark: isDark,\n      },\n      lang: {\n        locales: {\n          zh: {\n            ...zh,\n            ...zhUIkit,\n          },\n          en: {\n            ...en,\n            ...enUIkit,\n          },\n          ja: {\n            ...ja,\n            ...jaUIkit,\n          },\n        },\n      },\n    });\n  }\n  ```\n\n## Attention\n\n- UIKit require Typescript v3.7.0+, Please upgrade if your Typescript lib is not meet the version.\n- BottomNav does not fit properly in iPhoneX ? Check if `viewport-fit=cover` has been added in your html. [(more about fit iPhonex)](https://aotu.io/notes/2017/11/27/iphonex/index.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffox-one%2Fuikit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffox-one%2Fuikit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffox-one%2Fuikit/lists"}