个人站点

个人博客

不忘初心,方得始终。

个人首页

我希望我的希望有希望!

音乐长廊

一个小小的音乐台。

赞赏墙

如果您想支持我的网站,请移步该页面。


前端常用

HTML参考手册

在本手册中,您可以查找到HTML的使用方法。

CSS

CSS API 文档。

Tailwind CSS

一个功能类优先的 CSS 框架。

现代 JavaScript 教程

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。

Sass

成熟、稳定、强大的 CSS 扩展语言。

Less

给 CSS 加点料,是一门向后兼容的 CSS 扩展语言。

Stylus

富有表现力的、动态的、健壮的CSS。

JQuery

jQuery是一个快速、简洁的JavaScript框架。

ECMAScript6

一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。

TypeScript

An open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.

Node.js

Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。

Vue CLI

Vue.js 官方脚手架工具。

Vue

Vue3 文档。

React

用于构建 Web 和原生交互界面的库。

Angular

构建未来的 Web 开发框架。

Vite

下一代的前端工具链,为开发提供极速响应。

Webpack

一个模块打包器,主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。

Element Plus

基于 Vue 3,面向设计师和开发者的组件库。

iView

一套基于 Vue.js 的高质量 UI 组件库。

Ant Design

助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」。

uni-app

是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

Flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Electron

Build cross-platform desktop apps with JavaScript, HTML, and CSS.

微信官方文档

微信小程序,微信小游戏,微信公众号,微信支付等等文档入口。


UI框架

Ant Design

蚂蚁金服的开箱即用的中台前端/设计解决方案。

Element Plus

基于 Vue 3,面向设计师和开发者的组件库。

Element UI

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

Ant Design Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品。

iView

一套基于 Vue.js 的高质量 UI 组件库。

Naive UI

一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript。

Bootstrap

简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

AT UIKIT

一款轻量级、模块化的前端 UI 组件库。

Tailwind CSS

一个功能类优先的 CSS 框架。

Foundation

一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

BootstrapVue

借助BootstrapVue,您可以使用Vue.js和世界上最受欢迎的前端CSS库 Bootstrap v4在网络上构建响应式,移动优先和ARIA可访问的项目。

Vuetify

一个纯手工精心打造的 Material 样式的 Vue UI 组件库。

Vue Material

一个轻量级的框架, 建立在谷歌的 Material Design 基础上。 设计强大的和美观的web应用并适用于不同的屏幕。

Buefy

lightweight UI components for Vue.js based on Bulma.lightweight UI components for Vue.js based on Bulma.

Pure

雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。

Semantic UI

一个用来帮助设计出漂亮的、响应化、人性化的网络框架。

Material UI

一组反应元件,实现谷歌的材料设计。

Metro UI

好看好用,重点是样式特别、个性。

Mobi.css

轻量灵活的移动端 CSS 框架。

MDUI

MDUI 是一套用于开发 Material Design 网页的前端框架。

PaperCSS

一个不太常规的CSS框架,如果你希望你的网站有手绘风格感觉,选择它准没错。

Cube UI

滴滴团队基于 Vue.js 实现的精致移动端组件库。

Vant

有赞团队出品的轻量、可靠的移动端 Vue 组件库。

VUX - Vue移动端UI组件库

一个凑合的 Vue.js 移动端 UI 组件库。基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。

Mand Mobile

面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品,让复杂的金融场景变简单。

FrozenUI

一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。

iView Weapp

一套高质量的微信小程序 UI 组件库。

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

VONIC

基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。


CSS相关

Sass

成熟、稳定、强大的 CSS 扩展语言。

Less

给 CSS 加点料,是一门向后兼容的 CSS 扩展语言。

Stylus

富有表现力的、动态的、健壮的CSS。

CSS 选择器演示

本css选择器可以通过本页面直观的理解 CSS 选择器的作用区域。

浏览器hack大全

由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,于是就有了针对不同的浏览器写不同的CSS code,这就叫CSS hack。

CSS Hack Table

CSS hack 表格。

Can I Use

一个检测浏览器对JS、HTML5、CSS、SVG或者其他Web前端相关特性支持程度的列表。

CSS Reference

非常棒的免费的CSS属性指导手册。

Animate

css内置了很多典型的css3动画,兼容性好使用方便。

Animista

CSS动态效果样式在线自定义。

A Single Div

纯CSS实现的div图片盒子,很有意思。

30 Seconds of CSS

收集了常用的CSS代码段,你可以通过30秒或者更少的时间去了解它。

CSS Inspiration

学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。

AniCollection

CSS3动效预设收藏集合。

Ceaser

CSS贝塞尔动画在线调试工具。

Pixel Art to CSS

由React提供的像素艺术动画和绘图Web应用程序。

Autoprefixer CSS

(在线)autoprefixer是一个postcss插件,用于解析CSS并添加供应商前缀。


JavaScript

现代 JavaScript 教程

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。

JavaScript 秘密花园

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。

JavaScript开发者应懂的33个概念

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。

ECMAScript6

一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。

30 seconds of code

分享了大量有用的Javascript片段,你可以在30秒或更少时间中理解。

JS 函数式编程指南

JS 函数式编程指南 Gitbook 电子书。

TypeScript

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

TypeScript Handbook

TypeScript Handbook(中文版)。

🦕 正则大全

一些常见正则写法。


Vue生态

Vue CLI

Vue.js 官方脚手架工具。

Create Vue

The recommended way to start a Vite-powered Vue project

Vue3

Vue3 文档。

Vue2

Vue2 文档。

Vue Router

Vue Router 官方中文文档。

Pinia

符合直觉的 Vue.js 状态管理库。

Vuex

Vuex 官方中文文档。

Awesome Vue

A curated list of awesome things related to Vue.js

Awesome Github Vue

Vue 相关开源项目库集合。

Element Plus

基于 Vue 3,面向设计师和开发者的组件库。

Element UI

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

Ant Design Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品。

Vant

有赞团队出品的轻量、可靠的移动端 Vue 组件库。

Cube UI

滴滴团队基于 Vue.js 实现的精致移动端组件库。

Mint UI

饿了么团队出品的基于 Vue.js 的移动端组件库。

NutUI

一套京东风格的轻量级移动端Vue组件库。

Vux

一个凑合的 Vue.js 移动端 UI 组件库。

Vuetifyjs

一个高品质综合实用性、体验、格调的框架。

Quasar

较成熟的组件库,大名鼎鼎,组件丰富到变态。

Vuesax

有若干常用组件,但有着非常美妙的色彩和反馈效果,充满活力与灵气。

Eagle.js

一个使用 Vue.js 开发的幻灯片框架。


React生态

Crate-React-App

React 官方脚手架工具。

React

用于构建 Web 和原生交互界面的库。

React Router

React Router 官方文档。

Redux

Redux 官方中文文档。

Redux Toolkit

The official, opinionated, batteries-included toolset for efficient Redux development.

Mobx

Mobx官方中文文档。

Dvajs

一个基于 redux 和 redux-saga 的数据流方案。

Ant Design

助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」。

Ant Design Pro

开箱即用的中台前端/设计解决方案。

ProComponents

让中后台开发更简单。

Ant Design Mobile

探索移动端 Web 的极致体验。

Nextjs

扩展最新的 React 功能来创建全栈 Web 应用程序,并集成强大的基于 Rust 的 JavaScript 工具以实现最快的构建。

Umi

企业级前端框架,带给你简单而愉悦的 Web 开发体验。

Umi-Request

网络请求库,基于 fetch 封装, 兼具 fetch 与 axios 的特点, 旨在为开发者提供一个统一的 api 调用方式, 简化使用, 并提供诸如缓存, 超时, 字符编码处理, 错误处理等常用功能。

React-query

Performant and powerful data synchronization for React.

SWR

用于数据请求的 React Hooks 库。

aHooks

一套高质量可靠的 React Hooks 库。

React Use

非常好用的 React Hooks 库。

Jotai

Primitive and flexible state management for React.

Valtio

Valtio makes proxy-state simple for React and Vanilla.

Recoil

A state management library for React.

Dumi

为组件研发而生的静态站点框架。

Qiankun

可能是你见过最完善的微前端解决方案。

Motion

使用 Ant Motion 能够快速在 React 框架中使用动画。我们提供了单项,组合动画,以及整套解决方案。

Remix

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience.

Formily

阿里巴巴统一前端表单解决方案。

XRender

中后台「表单/表格/图表」开箱即用解决方案。

amis

amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

Modernjs

Modern.js 是字节跳动 Web 工程体系的开源版本,它提供多个解决方案,来帮助开发者解决不同研发场景下的问题。

飞冰 (ICE)

基于 React 的应用研发框架,开箱即用,同时支持移动端和桌面端。


Node相关

Node文档

Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。

Eggjs

为企业级框架和应用而生。

Express

基于 Node.js 平台,快速、开放、极简的 Web 开发框架。

Koa

基于node平台的下一代web开发框架。

Nest

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。

midway

Midway 是阿里巴巴 - 淘宝前端架构团队,基于渐进式理念研发的 Node.js 框架,通过自研的依赖注入容器,搭配各种上层模块,组合出适用于不同场景的解决方案。

Joi

The most powerful schema description language and data validator for JavaScript.

Strapi

Strapi is the leading open-source headless CMS. It’s 100% JavaScript and fully customizable.

Hapi

Build powerful, scalable applications, with minimal overhead and full out-of-the-box functionality - your code, your way.


小程序相关

微信小程序文档

微信小程序官方文档

微信开发者社区

小程序开发者专区,微信公众平台,微信开放社区,开发者专区。

微信小程序开发资源汇总

微信小程序开发资源汇总

WePY

支持组件化的小程序开发框架。

mpvue

基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系

uni-app

是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

Taro

使用 React 的方式开发小程序的框架,同时支持生成多端应用。

Chameleon

一套代码运行多端,一端所见即多端所见。

natapp

natapp是基于ngrok的国内高速内网穿透专业服务商,适用于微信开发调试,本地架设演示服务器。


编译构建打包

Vite

下一代的前端工具链,为开发提供极速响应。

Webpack

一个模块打包器,主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。

Rollup

Rollup 是一个 JavaScript 模块打包工具,可以将多个小的代码片段编译为完整的库和应用。

Gulp

用自动化构建工具增强你的工作流程!

Grunt

JavaScript 世界的构建工具。

Esbuild

An extremely fast bundler for the web.

Turbopack

An extremely fast bundler for the web.

SWC

SWC is an extensible Rust-based platform for the next generation of fast developer tools. It's used by tools like Next.js, Parcel, and Deno, as well as companies like Vercel, ByteDance, Tencent, Shopify, and more.

Bun

Bun is a fast all-in-one JavaScript runtime.

Babel

Babel 是一个 JavaScript 编译器。

Yarn

快速、可靠、安全的依赖管理。

Pnpm

通过 npm 可以安装、共享、分发代码,管理项目依赖关系。

Npm

通过 npm 可以安装、共享、分发代码,管理项目依赖关系。

Parcel

极速零配置Web应用打包工具。

PWA Universal Builder

一款脚手架构建工具,方便创建基于Preact,React,Vue和Svelte的项目,开箱及支持Babel,Bublé,Browserlist,TypeScript,PostCSS,ESLint,Prettier和Service Workers!

Bower

bower是一种包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

Critters

webpack的插件,它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载,由于它不使用无头浏览器(headless browser)呈现内容,因此快速轻巧。

Husky

You can use it to lint your commit messages, run tests, lint code, etc... when you commit or push. Husky supports all Git hooks.

Plop

Plop is a little tool that saves you time and helps your team build new files with consistency.


框架类库

Vue

一套用于构建用户界面的渐进式框架.简单却不失优雅,小巧而不乏大匠。

React

用于构建 Web 和原生交互界面的库。

React Native

the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.

Angular

构建未来的 Web 开发框架。

Flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Electron

Build cross-platform desktop apps with JavaScript, HTML, and CSS.

Tauri

构建跨平台的快速、安全、前端隔离应用。

Egg

一个用于更好地构建企业应用的框架,内置流程管理,高度可定制,有强大的插件系统。

JQuery

jQuery是一个快速、简洁的JavaScript框架。

Zepto

Zepto最初是为移动端开发的库,是jQuery的轻量级替代品。

Backbone

一套web开发框架,基于jQuery和underscore的一个前端js框架。

Ember.js

一个用于创建 web 应用的 JavaScript MVC 框架。

KISSY

KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

RequireJS

RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。

Sea.js

SeaJS是一个遵循CMD规范的JavaScript模块加载框架。

Flv.js

blibli出品的视频播放器。

fabricjs

canvas库。

Single Spa

A javascript router for front-end microservices.

Qiankun

可能是你见过最完善的微前端解决方案。

无界

极致的微前端框架,基于 WebComponent 容器 + iframe 沙箱。

MicroApp

一款轻量、高效、功能强大的微前端框架。

Garfish

包含构建微前端系统时所需要的基本能力,任意前端框架均可使用。接入简单,可轻松将多个前端应用组合成内聚的单个产品。

EMP

下一代微前端构建方案,聚焦 ESM 微前端生态闭环建设。

ICESTARK

面向大型系统的微前端解决方案。

Lowcode Engine

低代码引擎,基于 Low-Code Engine 快速打造高生产力的低代码研发平台。

GoView

低代码数据可视化,开源、精美、便捷、规范、交互自然。


图标库

Iconfont

阿里妈妈MUX打造的图标库,是国内功能很强大且图标内容很丰富的矢量图标库。

Font Awesome

一款风靡全球的图标字体库和CSS框架。

Icons - Material Design

Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.

Ionicons

Beautifully crafted open source icons.

FindIcons

高质量的 ICO, SVG, PNG。

MFG Labs icon set

免费字体图标。

iconmonstr

外国字体图标网站,为项目提供免费的简单图标。

icomoon

图标字体和SVG图标集。

FLATICON

提供SVG, PSD, PNG, EPS和图标字体,数千个免费图标。

ICONFINDER

矢量图标搜索引擎SVG、PNG、CSH和AI格式。

IconPark

字节跳动旗下开源图标库收录超过1400个图标。

Iconshock

超过400 + 图标集,超过30种风格,包括平面、材料、iOS、字体、彩色、3D时尚等等!

Icon Archive

超过735000个免费图标。

DryIcons

高质量的插画和矢量图标下载。

Findicons

图标搜索引擎,可帮助您找到免费的图标。

Noun Project

拥有超过300万个超高品质的图标和照片。

Icons DB

You can get all 4215 icons in any color you want ! Choose your color or select from the preset colors !

iOS Icon

精选IOS应用商店漂亮的图片设计。

Streamline

设计师的首选|简化图标和插图。

Unicons

超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度。

Ikonate

完全可定制的矢量图标。

RPG-Awesome

RPG-Awesome is a simple fantasy themed font and CSS toolkit built by nerds, for nerds.

Orion Icon Library

多达6000专业免费的SVG矢量图标,还支持深度的定制,比如更换配色,更改线条粗细,变换图标风格(细线条、粗线条、扁平),一键生成相关代码。

Font Fabric

免费高品质字体打包下载。

100font

一个专门收集整理 “免费可商用字体” 的网站。

Emoji searcher

Emoji表情大全。

草莓图标库

为开发者设计的一套免费开源图标库。


平台社区

GitHub

全球最大的面向开源及私有软件项目的托管平台。

Gitee

国内最大的开源社区 OSChina 的代码托管平台。

Coding

一站式软件研发管理协作平台,提供 Git/SVN 代码托管、项目协同、测试管理、制品库、CI/CD 等一系列在线工具,帮助研发团队快速落地敏捷开发与 DevOps 开发方式,提升研发管理效率,实现研发效能升级。

Gitlab

支持无限的公有项目和私有项目的代码托管平台。

Stack Overflow

全球最大的技术问答网站,是一个与程序相关的IT技术问答网站。

掘金

一个帮助开发者成长的社区。

SegmentFault

SegmentFault 思否 为开发者提供问答、学习与交流编程知识的平台,创造属于开发者的时代!

51CTO

中国领先的IT技术在线学习平台和中国最大的IT技术社区之一。

InfoQ

InfoQ 是一个实践驱动的社区资讯站点,致力于促进软件开发领域知识与创新的传播。

CSDN

全球最大中文IT社区,为IT专业技术人员提供最全面的信息传播和服务平台。

博客园

一个面向开发者的知识分享社区。

极术社区

连接AIoT开发者与生态服务。提供人工智能、物联网、嵌入式开发、SoC芯片设计、服务器与云计算等技术领域的资讯、知识及教育培训、会议活动,与合作伙伴共建中国智能科技生态。

开源中国

目前中国最大的开源技术社区。

W3Cways

Web前端学习之路,网站提供很丰富的相关技术中文文档。

IBM-developerworks

IBM developerWorks,IBM 的官方开发者项目。学习资源,开发工具,和技术社区。

前端里

专注于分享最前沿的Web开发技术,教程,资源和素材,是面向网站开发人员和设计师的学习交流平台。


Web数据可视化

D3.js

用动态图形显示数据的JavaScript库。

ECharts

一个使用 JavaScript 可高度个性化定制的数据可视化图表。

HighCharts

Make your data come alive.

Three.js

一个广泛应用并且功能强大的JavaScript 3D库。支持WebGL渲染,也支持SVG、Canvas和CSS3D渲染。

Babylon.js

核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。

Bizcharts

企业中后台的,可视化解决方案。

Chart.js

一个简单、面向对象,为设计和开发者准备的图表绘制工具库。

Bonsaijs

一个具有直观图形 API 和 SVG 渲染器的轻量级图形库。

Sigma.js

一个专用于图形绘制的 JavaScript 库。

Dimplejs

由 d3 提供支持的面向对象的业务分析 API。

Paper.js

The Swiss Army Knife of Vector Graphics Scripting.

Epoch

一个通用的实时图表库,用于构建美观、流畅和高性能的可视化效果。

CHARTIST

The product of a community that was disappointed about the abilities provided by other charting libraries.

AntV

蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

Ant Design Charts

简单好用的 React 图表库。

Leaflet

一个用于移动端渲染交互式地图开源JavaScript库。

高德地图

高德地图开放平台。

百度地图

百度地图开放平台。

DataV组件版

大屏数据展示组件库。


色彩搭配

传统色

一个很漂亮的中国古典颜色在线手册。

中国色

提供各种中国的传统颜色的名称。

Beautiful colored gradients

精心挑选漂亮的彩色渐变集合。

WebGradients

设计师们经常需要用到的UI背景渐变颜色组合,目前提供180个渐变色彩,可以作为网站任何部分的内容背景。

Material Palette

提供各种中国一款提供Material Design配色的线上工具,它能够将一张图片里的颜色代码提取出来,制作各种各样的图片色卡,以便学习其中的配色方案。大自然就是最好的配色方案,有了这个 APP ,走在街上,看到好看的风景,都可以拍下来,对照片进行配色分析。的传统颜色的名称。

CoolHue 2.0

获取最酷的精心挑选的渐变颜色集合调色板。

Coolors

快速配色方案生成器。

Peculiar

只需要你提供关键词就能一键获取一系列相关的色彩,简直和Google找资料一样简单。

Color Hunt

设计师和艺术家的调色板。

Site Palette

Site Palette是一个浏览器插件,通过Site Palette插件可以自动提取任何网站的配色,并且生成三种不同取色模式。

ColorSpace

输入主色调就可以生成漂亮的调色板。

Colorsinspo

Colorsinspo汇集了所有资源,可轻松地查找有关配色的所有信息。

Adobe Color

adobe官方配色工具。

ColorDrop

ColorDrop 是一个提供设计开发上绝佳的色彩的来源站点,帮助设计师在线调试颜色组合。

灵感色卡

色采网站上的灵感色卡包含了9个配色主题,比如:万物万象、西方油画、东方神韵、神奇宝贝、超级英雄、应用配色等等。

Calcolor

计算颜色,共享调色板,一种管理数字色彩的新方法。

ShapeFactory

简单设计工具包含配色、渐变、logo、插画、滤镜等功能。

Happy Hues

Happy Hues是设计师Child Mackenzie打造的一款超实用配色神器,它内置了多种活力十足的配色方案,并利用案例可视化的为我们展示了各种配色效果。

flatuicolorpicker

在线配色网站,拥有154种漂亮的配色方案。

Flat UI Colors

Flat UI Colors 2 features 13 more color palettes. Collaborating with 13 designers around the world, a total set of 280 colors are on your command for COPY / PASTE for your next project, design, presentation.

Material UI Colors

为Material Design而生的配色模板,其色板每一张均从基本颜色开始,然后逐渐扩充,创建出一套完整、可复用的配色体系,可用于网页设计、安卓设计和iOS设计。

BrandColors

世界知名品牌颜色收集网,收录了世界最知名的品牌、企业公司、知名网站的颜色的色码,你可以快速下载获取颜色文件,文件支持ASE、SCSS、LESS和CSS格式。

Palettable

使用数百万设计师的知识生成漂亮的调色板。

Colormind

AI驱动的调色板生成器。

Colors

一个更好的网页调色板。

0 to 255

A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.

Mobile Palette Generator

移动端调色板生成器。


背景素材

Cool Backgrounds

一个包含低多边形、粒子、渐变、梯度地形及Unsplash图像的免费背景素材网站。

Hero Patterns

一个免费在线SVG背景素材库。

Stars-Emmision

万箭齐发背景生成器。

Wave Generator

不一样的渐变层生成器,用这个网站可以做出一些比较清新的渐变背景,很有层次感。

Subtle Patterns

提供来自全世界超过400 种的图案,供使用者免费下载。

Meshgradients

免费的网格渐变背景,支持.sketch,.png,.ai,.jpg,.eps,可以免费用在商业和个人项目中。

Paaatterns

提供免费的矢量纹理库,可以用作背景素材,它提供 了Sketch、Figma、XD、Ai 源文件,同时还有PNG和SVG格式。

SVG Backgrounds

提供多款可自定义颜色的SVG纯代码矢量背景,看起来很符合现代网页设计风格。

Backgrounds Generator

CSS背景生成器-为您提供工具和代码,以为数字项目创建有趣的动画背景。

Trianglify

在线低多边形图片生成器。

170+CSS背景图案

提供多款动画、静态、粒子、三角等类型的背景图案,同时也精选了一些HTML+CSS的代码示例。

Background Generator

默认提供了6种布局,可以自由调整各种参数,背景上的元素可以自定义,探索入口提供了30个背景效果模板。

Vector Pattern Generator

一个矢量图案生成器,它可以轻松定制漂亮美观的图案,比如在线调整缩放比例、旋转角度、线条粗细、颜色等等。


高清图库

Pexels

免费高品质图片下载网站。

Pixabay

1.6百万张高质量免费图像。

FoodiesFeed

各类美食为主的图库。

Unsplash

850,000张免费高分辨率照。

Wallhaven

一个社区型的壁纸网站。

Burst

免费照片平台,高分辨率,可以用于个人或商业用途。

SkyPixel

全球航拍爱好者和专业摄影师的作品社区。

500px

全球摄影师作品分享交流平台。

35PHOTO

高质量照片资源社区。

ILovePapers

高清壁纸社区。

Barnimages

高质量摄影图片。

StockSnap

免版权高分辨率照片。

IsoRepublic

提供超过数百张的高画质免费照片。

Picography

绚丽、高分辨率的免费照片。

StreetWill

免费可商用的优质高清照片库。

FreePhotos

FreePhotos 是一个免费的图片资源库,在这里您可以找到拥有cc许可的图片,将之用于您的网站。

LibreStock

libreStock整合了多种优质免费版权图片站点,提供3000多万免费图集资源,用户可以通过定义关键词快速搜索想要的高清图片。

Foter

室内设计师最有价值的信息和灵感来源。


视频素材

MixKit

提供了高画质的影片类型包含商业科技、城市、音乐、生活、动画、抽象、大自然、户外和交通工具等等。

Pexels Videos

Pexels Videos 提供的视频素材质量非常高。

影视素材库

成千上万的免费视频、动态影像、音乐曲目和音效都集中在这里。

Vidsplay

可免费用于个人和商业项目,但是使用时需要标注视频来源、链接。

Splitshire Video

一款国外免费图库网站,收录的项目以相片为主,同时也有少数影片可免费下载使用。

Coverr

一个可以通过关键词或分类筛选的免费商用视频网站。

Mazwai

一个多类别的免费下载视频的网站,内含免费商用的视频。

Video LibreStock

发现来自热门素材网站的最佳免费视频并将其引入 ,以便您可以更快、更快地找到完美的视频。


头像生成

Nice Avatar

一个免费开源的头像生成工具,此网站提供了男女两种风格的头像,可调参数比较多。

UI Faces

一个真实人物照片的头像素材库,每张照片都经过 Microsoft 的 Face API 处理。

Pictogrify

Pictogrify是一个开源库,支持从任何给定文本生成唯一的象形图。

Personas by Draftbit

Draftbit的 Personas人物角色俏皮、现代、有趣,不依赖于性别、种族、年龄来限定角色,而是通过提供肤色、发型、胡须、服装、五官配饰、背景等参数来调整整体外观概念。

Stubborn Generator

一套包含25个酷角色、50个背景物品和20个场景的免费插画图库。

Diversity Avatars

一个探索世界各地人们和文化的美丽、多样性头像素材库,目前拥有770个头像,包括各行各业、不同宗教信仰、不同国籍和种族。

Bottts

一套免费的Bottts机器人图标库,你可以在Sketch中任意更改五官。

AI Gahaku

一款制作艺术头像的工具,它通过AI可以使用自己的照片生成欧洲中世纪的风格,看起来别具一格非常有趣。

Toy Faces Library

一个有趣的多样化的3D头像库,供您的设计和个人使用,帮助你的设计更加有趣和多样化。

More Big Heads

这些头像可以将表情、服装、发型、颜色组合成数十亿个不同的独特头像,同时还可以SVG格式,可以将它们嵌入您的网站。

Humans

提供了80个不同的3D角色、20个不同的人物姿势、4种不同的服装,易于定制,支持Figma格式。


灵感创意

Dribbble

探索世界顶级设计师和创意专家。

Product Hunt

Product Hunt定位为一个发掘有意思产品的平台,通过打造自己的社区聚拢大量优质的产品以及良好的社区氛围。

全画作

几十万张超高分辨率艺术作品欣赏。

Designspiration

设计启示录图片分享平台。

Collectui

基于dribble的每日资讯推荐社区。

Mobbin Design

这里汇集所有 最新,最好的移动应用优秀界面截图,基本都是国外优质应用。

Pixels

精选的设计和文案创作。

纵长的设计画廊

非营利性的日本网页设计门户网站。

Web Design Clip

网页设计库素材集,可做为网页设计制作参考。

Design Inspiration

每日logo设计,插画艺术,网站展示,照片和图案。

LogoMoose

标志设计灵感画廊和展示专业标志设计师。

Worldvectorlogo

免费下载各种品牌logo。

CSS Design

最佳网页设计灵感网站,有机会将您的网站提交至世界最佳CSS奖。

Reeoo

网页设计、app设计灵感库。

Screenlane

获得灵感、关注最新的 Web 和移动应用程序 UI 设计趋势。

花瓣网

设计师的灵感天堂!专业的灵感素材网站。

堆糖

美图壁纸兴趣社区。

4db

高质量网页设计灵感网站。

Flat UI

平面设计、网页设计灵感图库。

csswinner

为网页设计师和开发人员展示他们最好的网页设计作品。


设计社区

站酷网

设计师互动平台 ,发现更好的设计!

UI中国

用户体验设计平台。

致设计

百万电商设计师交流平台,我们是电商设计师,不是淘宝美工。

古田路9号

古田路9号网站(www.gtn9.com),国内专业品牌创意平台,以品牌为核心,集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的交流分享平台。会员交流涉及:艺术创作、广告创意、交互设计、时尚文化等诸多创意产业。

OurSketch

一个专注于 Sketch 分享交流的互动平台。

Arting365

中国艺术设计联盟(Arting365)是中国影响力最大的创意门户网站,服务于全球创意、设计、艺术等领域,致力于设计文化的交流,提供平面设计,包装设计,标志设计,商标设计,VI设计,工业设计,室内设计,建筑设计等领域,为创意、设计、艺术爱好者及企业提供高质量、多元化的信息交流咨询及专业的数字艺术设计行业应用解决方案。

awwwards

最佳网页设计趋势社区。

Adobe 设计周报

获取有关平面设计,摄影,插图,UX设计,视频等灵感。

Designmodo

在线创建网站和电子邮件模板。


设计工具

SCREEN SIZ.ES

非常全面的屏幕尺寸。

PaintCode

iPhone设备的屏幕分辨率和参数。

Material Design

主流的Android设备屏幕尺寸备查表。

PhotoPea

免费版“PhotoShop”,一款基于WEB的在线高级图片编辑器,拥有几乎与PhotoShop一样的功能。

搞定设计 | 在线PS

与 PhotoPea 联合提供,速度稳定反应更快。

Window Resizer

通过它来调整浏览器窗口的大小以模拟各种屏幕分辨率,以便测试页面在不同浏览器分辨率上的布局,对设计和开发人员来说,非常有用。

Page Ruler Redux

获得网页前端开发、网页设计或任何可能需要的网页元素的完美测量。

SceneLab

一款快发挥设计师想象力的设计工具,专门为喜欢摆拍工作桌面的人而设计,随意在画布上添加自己喜欢的物品,读者无需注册即可打开使用,你所需要的就是一个浏览器。

How Big Is My Browser

开发人员和设计人员发现浏览器窗口大小的简单方法。

WeaveSilk

一款简单、华丽的绘图工具,或者说是装逼利器,实在是酷炫的黑科技,只需拖动鼠标即可绘出绚丽的图片。

Vectary

最易于访问的3D和增强现实设计平台,这里有大型且快速增长的免费场景、模型和材质库,因此您无需从头开始或花很长时间来掌握3D。

Pix Fix

Pix Fix能够清理被噪声和过度 JPEG 压缩损坏的图像。它以超棒的专有算法为基础,效果极佳。

Earth

一个开源的在线气象可视化工具,能展示天气、洋流、海面温度、大气污染等数据。

Gridzzly

它可以在线制作并打印出可以辅助你绘图的网格纸,界面简洁,操作方便。

Spine

3D设计工具Spline,它可以低成本的轻松构建3D模型,目前支持MacOS、Windows、Linux客户端下载。

Designer’s Eye Game

测试您的技能并判断点是否真的在形状的中间,我们已经准备好10种形状供您选择。

Can’t Unsee

一款设计技巧游戏,网站提供教学关、简单关、中级关、困难关四个级别的测试挑战题来测试大家识别优秀设计的能力。

The Boolean Game

一个有趣的布尔运算小游戏网站,网站提供一系列图标图形及构成图标的几何图形,将图形按照正确的顺序拖拽到右边的图标区域。


插画涂鸦

unDraw

一个扁平化插画图库,可以从网站上调整所有插图的颜色,不需要标示出处,可用于商业用途。

Delesign

一个超多完全可自定义的免费插画素材网站,插画素材的格式有SVG和PNG两种格式。

MixKit

有大量可以免费使用的高画质视频素材还有各种风格的插画素材。

DrawKit

一个免费矢量插画网站,目前包含40多个免费插画、20个插画合集、100个模块化插画组件。

Ira Design

一个完全免费的矢量插画组件素材网站,内容包含11个人物、16个物件和15个背景,下载支持PNG和SVG两种格式。

Humaaans

一套现代扁平风矢量插画素材,素材格式包含sketch、svg、png 三种格式。

Open Doodles

免费的开源插画集可以任意复制共享。

Open Peeps

一个手绘插画库,用于创建人物场景。

Buttsss

最大胆的圆形和美丽屁股插画集合。

illlustrations

插图以各种常见物品为主题。

Builder

自定义矢量艺术插图,免费下载。

Absurd

免费的超现实主义插图和矢量艺术。

Ouch!

Icon8的矢量插画项目网站,免费用户可以下载PNG格式,付费后可下载SVG格式。

outlane.co

高品质的免费插画素材下载站。

Folio Art

「Folio插画社」是英国的一家插画艺术作品展示网站。

Mark Conlan

致力于描绘异想天开的画面构图与内容创想,同时配以充满活力的颜色。

Paper Illustrations

一组20个可用的插画,精心制作的插画可用于不同类别,完全免费供个人和商业使用。

Getillustrations

这个完美的插画包可用于移动端、网站和印刷材料,插画素材的动画看起来也很酷而且支持多种文件格式。

Control

一个大型的插图库,其中包含可自定义的样式和动作类型。

Old Book Illustrations

免费的寻找复古风格插图的最佳去处(不用考虑版权),可以搜索到旧书籍和共享的插图,类别涵盖植物、建筑、动物、纪念碑、饰品等等。

Avataaars

免费Sketch头像插画素材库。

Agent002

法国的一个插画网站。

LukaszAdam Illustrations

免费可商用的矢量艺术插画和图标。

Streamline UX

3种风格的240个矢量插图:多色、双色调、单调。

n8w

聚集优秀插画家作品的网站。

Free Illustrations

汇集很多免费插画的资源站。

Flexiple

一组高质量的开源插画。

Illustration Kit

一个每天更新的高级开源插画集合,目前有110多个场景、55个以上的人物角色,可免费用于个人和商业项目中。

StorySet

一个免费可自定义的插画网站,这些矢量插画可免费用于个人和商业项目中,种类风格多样,可扩展性强。


FE 游戏框架

Cocos Creator

以内容创作为核心,实现了脚本化、组件化和数据驱动的游戏开发工具。

Three.js

一个广泛应用并且功能强大的JavaScript 3D库。支持WebGL渲染,也支持SVG、Canvas和CSS3D渲染。

Babylon.js

核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。

Turbulenz

最好的游戏引擎之一,包含2d物理、3d物理、声音、视频和其他服务,如排行榜、multichat,支付和用户数据等功能。

Famous

通过流畅的动画、漂亮的图形和引人注目的移动体验,立即吸引客户。不需要代码。

PlayCanvas.js

一个基于WebGL游戏引擎的企业级开源JavaScript框架,它有许多的开发工具能帮你快速创建3D游戏。

Blend4Web

Blend4Web作为开源的3D框架而发布,它高度集成了Triumph的3D内容创建工具“Blender”,并且本地支持Blender的节点材料、粒子系统、bullet物理引擎和其他功能。

EaselJS

一个JavaScript库,使使用HTML5画布元素变得简单。用于创建游戏、生成艺术和其他高度图形化的体验。