{"id":27134702,"url":"https://github.com/cromemadnd/arknightsui-react-template","last_synced_at":"2025-08-10T14:11:31.745Z","repository":{"id":286417974,"uuid":"961345673","full_name":"Cromemadnd/ArknightsUI-React-Template","owner":"Cromemadnd","description":"A react template based on the UI style of Arknights.","archived":false,"fork":false,"pushed_at":"2025-04-09T11:14:57.000Z","size":38799,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-11T13:59:25.899Z","etag":null,"topics":["arknights","headlessui","react","tailwindcss","template"],"latest_commit_sha":null,"homepage":"","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/Cromemadnd.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":"2025-04-06T10:17:24.000Z","updated_at":"2025-05-15T16:41:37.000Z","dependencies_parsed_at":"2025-04-09T23:56:25.634Z","dependency_job_id":null,"html_url":"https://github.com/Cromemadnd/ArknightsUI-React-Template","commit_stats":null,"previous_names":["cromemadnd/arknightsui-react-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Cromemadnd/ArknightsUI-React-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cromemadnd%2FArknightsUI-React-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cromemadnd%2FArknightsUI-React-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cromemadnd%2FArknightsUI-React-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cromemadnd%2FArknightsUI-React-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Cromemadnd","download_url":"https://codeload.github.com/Cromemadnd/ArknightsUI-React-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Cromemadnd%2FArknightsUI-React-Template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269734149,"owners_count":24466554,"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","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["arknights","headlessui","react","tailwindcss","template"],"created_at":"2025-04-08T00:49:18.844Z","updated_at":"2025-08-10T14:11:31.716Z","avatar_url":"https://github.com/Cromemadnd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Arknights UI React Template\n\n### 本项目仅作学习与练习用途，与《明日方舟》游戏本体无关联，版权归鹰角网络所有。若有侵权，请联系本人删除。\n\n![预览图](./preview.png)\n\n## 项目简介\n\n这是一个基于《明日方舟》游戏UI风格的网页模板，使用React 19 (Vite + TS) + Tailwind CSS + Headless UI开发，旨在方便相关二次创作。\n\n点击隐藏按钮可以隐藏UI，隐藏时点击助理立绘可以显示UI。点击左上角设置按钮播放/暂停BGM。\n\n试着仿照游戏内的重力感应效果，做了UI根据鼠标位置进行3D变换的效果。\n（也写了重力感应的代码，但是不知为啥不生效）\n\n请勿将本项目用于商业用途。\n\n## 安装指南\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Cromemadnd/ArknightsUI-React-Template.git\n\n# 安装依赖\nnpm install\n\n# 启动开发服务器\nnpm run dev\n```\n\n## 贡献指南\n\n欢迎提交Pull Request或Issue来改进本项目。\n\n### TODO\n\n1. 补充按钮图标\n2. 完善主题切换系统\n3. 修复移动端重力感应\n4. 完善细节\n\n## 许可证\n\n[MIT License](./LICENSE)\n\n## 使用的素材\n\n### 字体\n\n[Samigirian Serif](https://github.com/Siphercase/Samigirian)\n\n[思源黑体 CN VF](https://www.fonts.net.cn/font-39307199570.html)\n\n[方正准雅宋 GBK](https://www.fonts.net.cn/font-32533345155.html)\n\n[8BitOperator](https://www.1001freefonts.com/8-bit-operator.font)\n\n[Novecento Wide Normal](https://github.com/TimWangZi/The-font-of-Arknights/blob/master/font/Novecento-Wide-Normal-2.otf)\n\n### svg图标\n\n左上角图标与加号图标来源: [iconfont](https://www.iconfont.cn/)\n\n电池图标与招募图标、等级图标、隐藏与切换按钮为自制。\n\n### 龙门币、合成玉、源石图标，背景图片与BGM\n\n均来自[PRTS.wiki](https://prts.wiki)。\n\n### 按键点击音效\n\n来自游戏录制。\n\n### 助理立绘\n\n本人使用[Tensor.Art](https://tusiart.com/)生成，不持有版权。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcromemadnd%2Farknightsui-react-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcromemadnd%2Farknightsui-react-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcromemadnd%2Farknightsui-react-template/lists"}