前段时间抽空写了几个开源项目，原型需求和功能都已经设计完成了，但在公司的过惯了有事找UI要图的日子，轮到自己设计页面的时候简直无从下手，偏偏我又是一个对UI页面要求较高的一个人，所以经常是页面UI设计两三天，业务代码半天的这种尴尬局面
在经历了几个项目之后，慢慢收集了一些开发个人项目必用到的资源网站，在这里分享给大家
这次推荐分为3类
1、UI页面设计参考
2、开发素材下载
3、demo代码参考
会针对个人主观使用体验进行打分 0-3⭐️
附带传送门以及否需要注册账号，是否需要科学上网等信息,可以放心观看食用
UI设计
1、花瓣 ⭐️
设计师必逛网站，你想要的这里全部都有
😒 素材需要开通会员才能下载，不过找找灵感参考一下也是不错的
2、美叶 ⭐️⭐️⭐️
最近刚发现的一个宝藏网站，特别适合移动端H5 ui设计
数量特别丰富的页面模板，关键还帮你把不同的类型的页面进行归类
3、Dribbble ⭐️⭐️
网址： https://dribbble.com ❗️（科学上网体验更好）
啥都有，很多ui巨好看的页面模板，随便逛逛，创意灵感
素材资源
颜色样式
1、中国色 ⭐️
中国风颜色，支持css色值copy
🤗无需注册
2、UiGradients ⭐️
css渐变搭配，一键生成css代码
🤗无需注册
3、Trianglify
用于生成低多边形背景、纹理和矢量的工具
🤗无需注册 导出svg收费，png免费
4、Neumorphism ⭐️
拟态按钮样式在线调试，支持代码一键生成copy
🤗无需注册
5、Cool Backgrounds ⭐️⭐️
网址： https://coolbackgrounds.io
名字也能看出，是一个不同风格炫酷的网页背景图下载网站，质量很高
🤗无需注册，直接下载 支持png导出
6、Wicked Backgrounds
网址： https://wickedbackgrounds.com/app
一个多颜色混合的背景图，左侧可以在线滑动参数值进行效果预览
🤗无需注册，直接下载 支持svg | png 导出 && 支持svg在线代码copy
图标 | 插画
1、Mega Creator ⭐️
网址： https://icons8.com/mega-creator
自由编辑组合插画，可上传素材
😒导出素材需要注册账号且开通会员，免费只能导出带水印的低分辨率素材
2、unDraw ⭐️⭐️
网址： https://undraw.co/illustrations
插画素材，支持自定义颜色修改
🤗无需注册，支持svg和png格式导出
3、Manypixels ⭐️
网址： https://www.manypixels.co/gallery
插画素材，偏卡通风格，支持自定义颜色修改
🤗无需注册 支持svg和png格式导出
4、illlustrations ⭐️
日常生活用品等插画素材
🤗无需注册 支持svg和png格式导出
部分功能需要开通会员，没必要，免费的素材已经够用了
字体
1、免费字体 ⭐️⭐️
网址： https://www.mianfeiziti.com
众多免费可商用字体下载
😒下载需要注册账号
音视频，摄影，
1、沙沙野
众多可商用 摄影，创意插画，视频素材
😒下载需要注册账号 图片可以直接右键保存本地
2、Mixkit ⭐️⭐️
涵盖各种日常、游戏、创意音效素材、各种乐器demo
适合视频剪辑配音、游戏开发音效素材、H5活动页背景音乐
也有些高质量的短视频素材
🤗无需注册，直接下载
3、Pexels ⭐️
网址： https://www.pexels.com ❗️（科学上网体验更好）
高质量，高清 摄影和视频素材
🤗无需注册，直接下载
其他
1、致美化
丰富的鼠标样式，还有一些壁纸和电脑桌面美化工具和素材
😒下载需要注册账号
2、钙网 ⭐️
免费logo设计
🤗无需注册，支持右键保存本地 如需源文件需要收费
代码模板
1、CodePen ⭐️⭐️⭐️
网址： https://codepen.io/trending ❗️（科学上网体验更好）
经典网站，无需多言，人称小github
众多样式、特效、片段模板代码，可在线编辑调试其他人的代码&&上传自己的作品
在线编辑无需注册账号，收藏他人项目或上传自己项目需要注册账号
2、Html5 Tricks ⭐️
网址： https://www.html5tricks.com
有数量丰富的特效、功能demo
🤗无需注册，直接下载 ，但是需要关注公众号获取解压码
3、jQuery之家 ⭐️
种类数量都特别丰富的代码demo网站，非常的好用，没事逛逛找找灵感
🤗无需注册，直接下载
希望这期的分享能帮助到大家
后续会再整理一期开发经常使用到的工具类网站，只能说谁用谁舒服😎
