开发、界面、设计灵感合集，前端与视觉设计资源索引

 

UI界面灵感参考（找页面布局、后台、APP界面参考）

 

Behance：https://www.behance.net/

Dribbble：https://dribbble.com/

Mobbin：https://mobbin.com/

UI中国：https://www.ui.cn/

优设网：https://www.uisdc.com/

站酷ZCOOL：https://www.zcool.com.cn/

Pinterest：https://www.pinterest.com/

花瓣网：https://huaban.com/

 

矢量图标库（全部免费商用SVG，网页开发首选）

 

阿里图标库Iconfont：https://www.iconfont.cn/

SVGRepo：https://www.svgrepo.com/

Feather Icons：https://feathericons.com/

Heroicons：https://heroicons.com/

Remix Icon：https://remixicon.com/

Iconify：https://icon-sets.iconify.design/

Font Awesome：https://fontawesome.com/

 

在线配色工具（一键生成色值，直接复制CSS）

 

Coolors：https://coolors.co/

Adobe Color：https://color.adobe.com/

Color Hunt：https://colorhunt.co/

Web Gradients：https://webgradients.com/

Eggradients：https://www.eggradients.com/

Nippon Colors：https://nipponcolors.com/

 

前端代码与组件库（复制即用页面模板、CSS组件）

 

MDN开发者文档：https://developer.mozilla.org/

CSS-Tricks：https://css-tricks.com/

shadcn/ui：https://ui.shadcn.com/

Freefrontend：https://freefrontend.com/

Tailwind Play：https://play.tailwindcss.com/

jq22插件库：https://www.jq22.com/

htmleaf：https://htmleaf.com/

 

CSS动效与动画工具

 

Animista：https://animista.net/

Animate.css：https://animate.style/

LottieFiles：https://lottiefiles.com/

Cubic Bezier：https://cubic-bezier.com/

Magicpattern：https://www.magicpattern.design/

 

免费商用无版权图库（网页配图，无需授权）

 

Unsplash：https://unsplash.com/

Pexels：https://www.pexels.com/

Pixabay：https://pixabay.com/

unDraw（矢量插画）：https://undraw.co/

Picsum占位图：https://picsum.photos/

 

免费商用字体网站

 

Google Fonts：https://fonts.google.com/

Fontshare：https://www.fontshare.com/

字由：https://www.hellofont.cn/

DaFont：https://www.dafont.com/

 

样机&设计工具

 

Mockup World：https://mockup.world/

Screenlane：https://screenlane.com/