AutoAnimate 是一个库，最简单好用的动画库 ✦ 与 Angular、React、Svelte 和 Vue 兼容 ✦ 自动为元素添加动画 ✦ 使用 CSS 以获得更好的性能

CSS拟物化

flex在线动态练习

按需定制 CSS 动画效果

面向前端的工程构建系统。解决前端工程中性能优化、资源加载等问题。

FEX 是百度Web 前端研发部的别名，是社区基础技术部中的前端团队。

NPM Runkit在浏览器中快速学习及尝试Node.js模块

让网站的 CSS 文件加载更快。 将 cssnano 加入到你的构建流程中，获得更好的 CSS 压缩效果。

轻芒小程序+ 专注为内容创作者服务,无需代码

微信团队推出的跨终端的前端工作流开发工具。

CSS Click Chart 可以查询到目前CSS3草案部分的相关属性

Highcharts 是一个用纯JavaScript编写的一个图表库，兼容IE6+

Gatsby 是一个基于 React 的免费、开源框架，用于帮助 开发者构建运行速度极快的 网站 和 应用程序

Facebook推出的一个基于 React 的创建原生APP的框架

My Brand New Logo 是一个CSS 调色板生成器，用来创建一致的调色板方案。

张鑫旭-CSS创意与视觉表现集合

AST explorer代码生成在线调试

JavaScript中国开发者大会(JSConf China)是一个围绕 JS 开发者为中心的活动。

redis客户端

它不是将 CSS 改造成编程语言，而是功能很单纯，只加入了局部作用域和模块依赖

Wavesnippets 可以将代码分步设置为动画、视频或 GIF。

企业级的中后台设计系统解决方案

CSS3在线生成器，给你省去很多功夫。

用于触摸设备（如智能手机和平板电脑）的可定制移动UI库。

各种Animate动画案例，可以直接预览效果，如果你稍微会点Animate知识，可以试着去读源代码，帮助自己提高Animate技能

serverlesscloud中文网

CSS Layout Generator 布局生成器可以为布局组件创建 CSS 和 HTML 的工具。

一份非常完整的网页CSS速查表

css grid网格布局生成器

Vue 驱动的静态网站生成器

一个非常快速、零配置的 WEB 应用打包工具。

无需配置文件快速创建 React 应用

IMWEB团队主要负责腾讯课堂，多人社交互动视频以及活动组织类项目的研发工作。

BGJar 是一个在线工具，可以轻松快速地为网站创建 SVG 背景。只需编辑必要的信息，它将自动导出图像或代码供我们应用到网站。

Docusaurus 是一款基于 React 框架构建的易于维护的静态网站

mavonEditor-基于Vue的markdown编辑器，支持多种个性化功能

scss在线转css工具

Yeoman提供了自动化开发流程的一整套工具。

腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！

一个轻量级的，可扩展的，移动优先的CSS框架。

专为微信公众账号开发而设计的一个简洁而强大的UI库。

创建分割的多滚动页面特效插件。

pattern-css可以用漂亮的图案填充空白背景。

Soft UI CSS 阴影生成器

通过手动调整 CSS 盒子的阴影就可生成真实质感的光影效果，可视化操作界面，简单调节阴影图层、透明度、渐变反向阿尔法、模糊等等，制作完成后直接复制 CSS 代码粘贴到 Style 里面。

开源中国是目前中国最大的开源技术社区，我们传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。

vue-quill-editor @quilljs的编辑器组件@vuejs

Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。

CSS3样式生成器

CSS Gradient 是一个用来快速方便的创建 CSS 渐变的网站。

CSS 实现 JavaScript 效果

CSS clip-atch 属性绘制工具

PC端和移动端HTML5游戏框架。

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

Vue.js的无渲染富文本编辑器

实用的超轻的跨浏览器的图像模糊 jQuery 插件，基于 SVG 生成，效果很好

CRADIENT.ART 是一个高级 CSS 渐变编辑器，使用带有分层、设计工具和免费云存储的功能丰富的编辑器设计插图、图案、图标等。

在线 CSS 玻璃形态和新拟物形态，Neumorphism CSS Generator 可以通过调整对象的大小、圆度、投影距离、配色、光源等自定义制作 CSS 拟物形态的盒子。Glassmorphism CSS Generator 可在线制作玻璃形态，通过实时预览背景模糊、不透明度、轮廓等等就可以制作玻璃样式的盒子。

Favorite JavaScript utilities in single line of code - 1 LOC