Omatsuri 是一个开源项目，包含12个实用的前端工具。

flex在线动态练习

按需定制 CSS 动画效果

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

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

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

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

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

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

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

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

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

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

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

AST explorer代码生成在线调试

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

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

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

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

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

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

redis客户端

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

serverlesscloud中文网

css grid网格布局生成器

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

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

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

Vue 驱动的静态网站生成器

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

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

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

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

scss在线转css工具

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

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

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

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

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

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

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

Soft UI CSS 阴影生成器

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

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

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

可拖拽组件网格 React Drag Grid

CSS流行布局和模式生成器，包含102种模式。

NPM.DEVTOOL-在浏览器中运行npm包

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

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

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

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

通过拖拽的形式生成需要的border radius

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

Hugo 是最流行的开源静态站点生成器之一。凭借其惊人的速度和灵活性，Hugo 让搭建网站再次变得有趣。

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

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

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

CSS 实现 JavaScript 效果

CSS clip-atch 属性绘制工具