{"id":15047013,"url":"https://github.com/ziyi0414/handsome-css3-lib","last_synced_at":"2025-10-04T05:31:50.509Z","repository":{"id":50626735,"uuid":"519665531","full_name":"ZiYi0414/handsome-css3-lib","owner":"ZiYi0414","description":"Amazingly handsome Open-Source UI components made with HTML and CSS. Collection of very handsome CSS animations and special effects on the Internet（在网上收集各种帅气的CSS3特效和动画，按钮标题等各种好玩酷炫的特效组件，网站主旨在于收集网上仅靠 CSS 与 HTML 就可以实现的动效UI。","archived":false,"fork":false,"pushed_at":"2024-03-20T07:36:24.000Z","size":6905,"stargazers_count":453,"open_issues_count":42,"forks_count":28,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-01-20T15:29:58.058Z","etag":null,"topics":["animation","awesome","beautiful","beautiful-ui","components","copy","css","css3","effects-animations","fontend","funny","handsome","html","nextjs","open-source","pretty","pretty-ui","ui"],"latest_commit_sha":null,"homepage":"https://www.handsome-css.com","language":"MDX","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/ZiYi0414.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":"2022-07-31T02:50:26.000Z","updated_at":"2025-01-06T09:38:20.000Z","dependencies_parsed_at":"2024-03-20T08:47:37.849Z","dependency_job_id":null,"html_url":"https://github.com/ZiYi0414/handsome-css3-lib","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZiYi0414%2Fhandsome-css3-lib","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZiYi0414%2Fhandsome-css3-lib/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZiYi0414%2Fhandsome-css3-lib/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZiYi0414%2Fhandsome-css3-lib/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZiYi0414","download_url":"https://codeload.github.com/ZiYi0414/handsome-css3-lib/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235222543,"owners_count":18955327,"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":["animation","awesome","beautiful","beautiful-ui","components","copy","css","css3","effects-animations","fontend","funny","handsome","html","nextjs","open-source","pretty","pretty-ui","ui"],"created_at":"2024-09-24T20:53:52.469Z","updated_at":"2025-10-04T05:31:45.074Z","avatar_url":"https://github.com/ZiYi0414.png","language":"MDX","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003e\n        ✨ AWA UI\n    \u003c/h1\u003e\n    \u003ca href=\"https://github.com/ZiYi0414/handsome-css3-lib\"\u003e\n        \u003cimg alt=\"Project\" src=\"https://img.shields.io/badge/project-AWAUI-green?style=for-the-badge\u0026logo=github\"\u003e\n    \u003c/a\u003e\n    \u003cimg alt=\"Love\" src=\"https://img.shields.io/badge/code%20with-love%E2%99%A5%EF%B8%8F-CC0066?style=for-the-badge\"\u003e\n    \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/ZiYi0414/handsome-css3-lib?style=for-the-badge\"\u003e\n    \u003cp\u003eYou dont need JS. 😄\u003c/p\u003e\n\u003c/div\u003e\n\n## Handsome-css3-lib\nAmazingly handsome Open-Source UI components made with HTML and CSS\n\nThank you to everyone who contributes to the cause and art of open source :)\n\n- 网站主旨在于收集网上仅靠 CSS 与 HTML 就可以实现的动效UI。\n\n- 目的是为了提高开发者的审美和技术。\n\n- 有兴趣的小伙伴可以通过  \u003ca href=\"https://github.com/ZiYi0414/handsome-css3-lib/issues\"\u003e\u003cimg alt=\"Issue\" src=\"https://img.shields.io/badge/issue-AWAUI-blue\"\u003e\u003c/a\u003e 联系我，一起维护这个平台。\n\n- 虽然内容全部完全开源，但尽可能的标注了每个组件的作者名称。\n\n\n## 如何构建 / How to build\nFirst, run the development server:\n\n\u003e node -v : node \u003e= 16\n\n```bash\nnpm run build\nnpm run dev\n# or\nyarn build\nyarn dev\n```\nOpen [http://localhost:8204](http://localhost:8204) with your browser to see the result.\n\n\n## TODO:\n\n- ~~主页展示方式更新。  p0    DL: 2023-02-28~~\n- 需要解决数据逐渐变大的问题。 p1   DL: 2023-03-20\n- 单页dom过多解决渲染性能问题。 p1  DL: 2023-03-20\n- 账号系统。 p2\n- 创作模块。 p3\n- CSS Challenge 主题挑战 p3\n- 自定义组件模块, 拖拽数值, 自定义颜色, 自定义特效和组合。 p3\n\n\n## 预览\n\n### web 主页\n![预览](./.github/1.png)\n\n### web 分类\n![预览](./.github/2.png)\n\n### web 详情\n![预览](./.github/3.png)\n\n## 编写手册\n[详情请查看](https://github.com/CFsjp/chengfeng-blog/issues/3)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziyi0414%2Fhandsome-css3-lib","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fziyi0414%2Fhandsome-css3-lib","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziyi0414%2Fhandsome-css3-lib/lists"}