前端网站开发资源

前端网站开发资源

# 一.UI库
- 1.Awesome Vue.js [Awesome Vue.js](https://awesome-vue.js.org/)
```bash
https://awesome-vue.js.org
```
与Vue.js相关的精彩清单
- 2.Bootstrap	[Bootstrap](https://getbootstrap.com)
```babsh
https://getbootstrap.com
```
世界上最受欢迎的HTML，CSS和JS库。
- 3.VueJS Expo [VueJS Expo](https://vuejsexpo.com)
```bash
https://vuejsexpo.com
```
VueJS Expo是使用Vue.js框架收集的漂亮的网站，应用程序和实验。如果你是Vue.js框架的粉丝，那么这里可能是你获得灵感的地方。展示包括基于VueJS的主题，元素，仪表板等。

# 二.网页创意素材	网页模板
- 1.creative-tim	[creative-tim](https://www.creative-tim.com)
```bash
https://www.creative-tim.com
```
在Bootstrap，Vue.js，React，Angular，Node.js和Laravel之上构建的UI套件，模板和仪表板。加入超过1190110个以上的广告素材
- 2.templatemonster	[templatemonster](https://www.templatemonster.com/cn)
```bash
https://www.templatemonster.com/cn
```
HTML模板，WordPress和电子商务主题的最大集合
- 3.dowebok [dowebok](https://www.dowebok.com)
```bash
https://www.dowebok.com
```
dowebok意为做好网站，为用户提供代码、素材、特效、教程、模板等建站服务。
- 4.freewebtemplates [freewebtemplates](https://www.freewebtemplates.com)
```bash
https://www.freewebtemplates.com
```
免费Web模板：最大的免费和社区提供的网站，博客等等网站设计集合！
- 5.27个精致的CSS3动画效果源代码下载 [27个精致的CSS3动画效果源代码下载](https://www.w3cschool.cn/css3/css3-animation.html)
```bash
https://www.w3cschool.cn/css3/css3-animation.html
```
# 三.字体
- 1.Google Fonts	[Google Fonts](https://fonts.google.com)
```bash
https://fonts.google.com
```
通过出色的排版使网络更美丽，更快和更开放。

# 四.图标
- 1.fontawesome	[fontawesome](https://fontawesome.com)
```bash
https://fontawesome.com
```
Web上最受欢迎的图标集Font Awesome获取网站上的矢量图标和社交徽标、工具包。
- 2.iconfinder  (fontawesome)[https://www.iconfinder.com/f]
```bash
https://www.iconfinder.com/free_icons
```
Iconfinder是SVG，PNG，CSH和AI格式的矢量图标的领先搜索引擎和市场。

# 四.颜色
- 1.webgradients	[webgradients](https://webgradients.com)
```bash
https://webgradients.com
```
WebGradients是180线性的免费集合渐变色,可以用作内容背景在您网站的任何部分。轻松复制CSS3跨浏览器代码，稍后使用！我们还准备了每个.PNG版本梯度。另外，还有用于Sketch＆Photoshop的软件包。
- 2.Grabient [Grabient](https://www.grabient.com)
```bash
https://www.grabient.com
```
CSS代码渐变颜色生成工具
- 3.uigradients [uigradients](https://uigradients.com)
```bash
https://uigradients.com
```
CSS代码渐变颜色生成工具
- 4.flatuicolors [flatuicolors](https://flatuicolors.com/palette/cn)
```bash
https://flatuicolors.com/palette/cn
```
🇨🇳中国调色板| 平面UI颜色🎨280个精心挑选的颜色，可供COPY＆PASTE使用

Flat UI Colors具有13种以上的调色板。 拥有世界各地的13位设计师合作，共有280种颜色可供您进行下一个项目设计演示的COPY/PASTE。
# 五.在线工具
- 1.css3maker [css3maker](https://www.css3maker.com/)
```bash
https://www.css3maker.com
```
CSS Maker是一个免费工具，可用于测试CSS属性和值并为您的网站生成简单的样式表。

# 网站导航
- 1.设计达人 [设计达人](http://hao.shejidaren.com)
```bash
http://hao.shejidaren.com
```
精选全球优秀UI设计和网页设计欣赏，分享免费高质量设计素材，为设计师提供新鲜的技术教程和创意灵感，探讨交互设计、产品设计、用户体验以及xhtml+css教程。
- 2.网页设计网址导航 [网页设计网址导航](http://www.coolsite360.com/resources/hao.html
)
```bash
http://www.coolsite360.com/resources/hao.html
```
网页设计网址导航为设计师提供网页设计灵感、设计工具、用户体验、网页前端等全方位设计师网站导航指引。
- 3.Web前端网址导航 [Web前端网址导航](http://nav.templatesy.com)
```bash
http://nav.templatesy.com
```
Web前端工程师日常访问，可以提升自我或解开疑问的一些网站
- 4.学习CSS布局 [学习CSS布局](http://zh.learnlayout.com)
```bash
http://zh.learnlayout.com
```
本站教授的是现在广泛使用于网站布局领域的CSS基础。
- 5.30secondsofcode [30secondsofcode](https://www.30secondsofcode.org/css/p/1)
```bash
https://www.30secondsofcode.org/css/p/1
```
css代码片段
- 6.cssfx [cssfx]( https://cssfx.netlify.com)
```bash
 https://cssfx.netlify.com
 ```
✨精美简单的点击复制CSS效果