【前端项目资源网站】—— 你想要的都有

一、项目参考
1.1👉 站酷
里面有很多的项目，可以看看别人的UI界面，找找灵感。
比如我就可能学习这里面 Echarts大屏如何布局，如何配色

 

1.2👉BootStrap优站精选
里面收录了很多 BootStrap 布局的优秀案例。
BootStap 不止有十二栅格，还有很多封装好的组件和样式，可，帮助我们快速完成UI界面

 

1.3👉美页
收录了各种高品质UI界面，字体设计，icon,动图等。

 

二、图标/插画
除了字体图标，优美的矢量插画和动效 对我们项目的帮助也不止一点儿 🤏

2.1👉iconfont
👏 阿里巴巴矢量图标库，相当经典，不多介绍

 

2.2👉iconpart
字节跳动出品的免费图标库，看了一圈儿，还可以👌

 

2.3👉REMIX ICON。
有很多高质量的 icon , 让 icon 不止于 iconfont。

 

2.4👉iconScout
也是个图标库，我也尚在探索，不多赘述。

 

2.5👉iconic–免费且优质

2.6👉unDraw
优雅且开源的插画库。可以自定义主题色，定制适合我们项目的插画

 

2.7👉OUCH
不错的插画网站，部分需要收费，自行选择免费的下载即可

 

2.8👉美工吧
这个就是王炸，我看到的时候都惊了，只能说里面要啥有啥。

 

2.9👉Neumorphism.io
方便的定制拟物态的图标

 

2.10👉designstripe
高度定制想要的插画效果，貌似要收费，各取所需吧

 

三、动画
3.1👉@vueuse/motion
可以为我们某些页面，添加进场动画，比如404、login。纯英文文档，但比较详尽。我也尚在摸索，不多做介绍

 

3.2👉Vue+wow.js+animate.css实现版块载入动画
如果你并不想搞复杂，只需要入场动画，那么你可以参考我的文章，亦或者自行百度

 

3.3👉codepen
有很多大佬写的 CSS动画 ，复制即用，也支持在线编辑。

四、配色
配色网站没啥可说的，我直接挂链接，各位自行探索

4.1👉http://color .aurlien.net/（普通配色）
4.2👉https://uigradients.com（渐变颜色）
4.3👉Gradihunt🤩
五、杂项
5.1👉cool backgrounds
五种大类自定背景图片，可用作登录页或者首页背景。同样的定制化、免费、方便

 

5.2👉BootStrap
推荐指数：🌟🌟🌟🌟🌟
无论🙅‍♂️你是后端还是前端，熟悉 BootStrap 后，都能让你少受CSS折磨，高效完成页面布局。
安装 BootStrap后，公共类名、封装好的组件复制即用，十分方便

 

5.3👉CSS阴影效果神器
推荐指数：🌟🌟🌟🌟🌟
可视化自定义 CSS 阴影效果，定制化、免费、方便

 

5.4👉Button效果
推荐指数：🌟🌟🌟🌟🌟
收录各种炫酷 Button 效果，html+css 代码复制即用

 

5.5👉Echarts 图使用
这是另一位博主的 Echarts 配置文章，非常详细。可以用作 Echarts 文档查阅，帮助我们快速完成想要的 Echarts 效果

 

5.6👉小徽标
比特虫，可以将我们准备的图片转为 favicon图标