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

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

一个CSS动画生成工具，可自由配置各种动画特效，并自动生成代码；很nice

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

一个免费的Docker 在线体验，可以学习docker

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

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

serverlesscloud中文网

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

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

CSS拟物化

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

Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。

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

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

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

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

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

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

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

redis客户端

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

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

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

scss在线转css工具

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

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

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

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

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

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

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

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

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

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

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

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

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

css3按钮动画组件

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

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

Vue 驱动的静态网站生成器

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

css grid网格布局生成器

Soft UI CSS 阴影生成器

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

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

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

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

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

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

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

louischatriot/nedb 小型文件数据库-小项目好用

使用 icestark 构建您的下一个微前端应用，或无痛迁移您目前的巨型应用。如同开发 SPA 应用一样简单，不仅解决多个开发团队协同问题，还带来了安全的沙箱、优秀的性能体验。

Highlight.js 是一个用 JavaScript 写的代码高亮插件，在客户端和服务端都能工作。

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

无论你需要哪种转换，在 transform.tools 你都可以找到

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

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

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