{"id":21657746,"url":"https://github.com/dingmouren/shadecraft","last_synced_at":"2026-03-09T12:04:16.768Z","repository":{"id":223223545,"uuid":"705898229","full_name":"DingMouRen/ShadeCraft","owner":"DingMouRen","description":"Neumorphism-style Android Compose component.","archived":false,"fork":false,"pushed_at":"2024-02-28T02:48:23.000Z","size":7195,"stargazers_count":46,"open_issues_count":1,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T22:38:26.425Z","etag":null,"topics":["android","compose","kotlin","neumorphism","neumorphism-ui"],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DingMouRen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-10-16T23:07:16.000Z","updated_at":"2025-03-23T10:12:57.000Z","dependencies_parsed_at":"2024-02-28T03:44:33.460Z","dependency_job_id":null,"html_url":"https://github.com/DingMouRen/ShadeCraft","commit_stats":null,"previous_names":["dingmouren/shadecraft"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DingMouRen/ShadeCraft","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DingMouRen%2FShadeCraft","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DingMouRen%2FShadeCraft/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DingMouRen%2FShadeCraft/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DingMouRen%2FShadeCraft/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DingMouRen","download_url":"https://codeload.github.com/DingMouRen/ShadeCraft/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DingMouRen%2FShadeCraft/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30294712,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T11:12:22.024Z","status":"ssl_error","status_checked_at":"2026-03-09T11:10:54.577Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["android","compose","kotlin","neumorphism","neumorphism-ui"],"created_at":"2024-11-25T09:28:00.598Z","updated_at":"2026-03-09T12:04:16.752Z","avatar_url":"https://github.com/DingMouRen.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/header.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n### [**English Readme**](https://github.com/DingMouRen/ShadeCraft/blob/main/ENGLISHREADME.md)\n\n### 目录\n* **什么是Neumorphism？**\n* **什么是ShadeCraft？**\n* **作品示例**\n* **组件展示**\n* **组件列表**\n* **感谢Neumorphism UI设计师**\n\n### 什么是Neumorphism？\u003cbr\u003e\nNeumorphism是一种虚拟设计趋势，也叫“新拟态”或“新拟物”。它是一种将平面设计和现实世界元素结合起来的设计风格，带有立体感和柔和的灰影，并且使用明暗高光效果来模拟表面的质感。\u003cbr\u003e　\u003cbr\u003e\nNeumorphism风格的结构如下：\u003cbr\u003e\n\u003cbr\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/introduce_1.jpg\" width=\"80%\"\u003e\n\u003c/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n主要有三个样式组成，1 个背景+ 2 个投影。在这个基础上，通过改变颜色和大小参数来达到不同效果。\u003cbr\u003e\u003cbr\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/introduce_2.jpg\" width=\"80%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/introduce_3.jpg\" width=\"80%\"\u003e\n\u003c/div\u003e\n\n\n### 什么是ShadeCraft？\u003cbr\u003e\n**ShadeCraft**是一个Neumorphism风格的Compose组件库。便于开发者快速编写Neumorphism风格的APP。\u003cbr\u003e\n每个设计元素都呈现出柔软而立体的质感，仿佛随时可以触摸到舒适的触感。阴影渐变和柔和的边缘效果勾勒出元素的深度和层次感，仿佛将它们从平面世界中解放出来。同时，这些元素还保持着手工制作的细腻质感，像是由精细的工匠用心打磨而成。\u003cbr\u003e\n\n### 作品示例\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_1.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_2.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_3.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_4.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_5.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\u003cdiv align=center\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/sample_6.png\" width=\"100%\"\u003e\n\u003c/div\u003e\n\n### 组件展示\n组件都可以调整亮光、阴影的偏移量、颜色以及模糊程度，以达到想要的效果。\u003cbr\u003e\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadebutton.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecircleprogressconcave.png\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecircleprogressmixed.png\" alt=\"image3\" width=\"260\"/\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadeiconbutton.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadelinearprogressindicator.gif\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shaderadiobutton.gif\" alt=\"image3\" width=\"260\"/\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetabrow.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetimepiece.gif\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetoggle.gif\" alt=\"image3\" width=\"260\"/\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadevalueindicator.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadewaterripple.gif\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadeslider.gif\" alt=\"image2\" width=\"260\"/\u003e\n\n\u003c/p\u003e\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadescaleoption.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecalorverticalprogress_1.png\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetoggleconcave.gif\" alt=\"image3\" width=\"260\"/\u003e\n\n\u003c/p\u003e\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecalorverticalprogress_2.png\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecard.png\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecircleprogressconvex_1.png\" alt=\"image3\" width=\"260\"/\u003e\n\n\u003c/p\u003e\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadecircleprogressconvex_2.png\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadesearchbar.png\" alt=\"image2\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetabelevated.gif\" alt=\"image3\" width=\"260\"/\u003e\n\n\u003c/p\u003e\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadetabpathbar.gif\" alt=\"image1\" width=\"260\"/\u003e\n    \u003cimg src=\"https://github.com/DingMouRen/ShadeCraft/raw/main/resource/shadewaveprogress.gif\" alt=\"image1\" width=\"260\"/\u003e\n\u003c/p\u003e\n\n### 组件列表\n* ShadeButton\n* ShadeCalorVerticalProgress\n* ShadeCard\n* ShadeCircleProgressConcave\n* ShadeCircleProgressConvex\n* ShadeCircleProgressMixed\n* ShadeIconButton\n* ShadeImageButton\n* ShadeLight\n* ShadeLinearProgressIndicator\n* ShadeRadioButton\n* ShadeScaleOption\n* ShadeSearchBar\n* ShadeSlider\n* ShadeTabElevated\n* ShadeTabPathBar\n* ShadeTabRow\n* ShadeTimepiece\n* ShadeToggle\n* ShadeToggleConcave\n* ShadeValueIndicator\n* ShadeWaterRipple\n* ShadeWaveProgress\n\n\n### 感谢Neumorphism UI设计师\n本项目中的界面示例参考了很多优秀设计师的设计作品，他们都非常优秀和专业，非常感谢他们的设计。\u003cbr\u003e\n* [**Alena Yurina**](https://dribbble.com/shots/14529540-Music-player-Neumorphism)\n* [**Casker**](https://dribbble.com/shots/9833973-Daily-UI-007-Smart-Home-App-Settings)\n* [**Dimest**](https://dribbble.com/shots/11018635-Washing-machine)\n* [**Kayln Kwan**](https://dribbble.com/shots/17261639-Daily-UI-007-Settings)\n* [**Fateme Souri**](https://dribbble.com/shots/16628294-Running-App)\n* [**Pierre Pavlovic**](https://dribbble.com/shots/14591976-Neumorphic-Clock-App)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdingmouren%2Fshadecraft","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdingmouren%2Fshadecraft","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdingmouren%2Fshadecraft/lists"}