web-awesome

好玩的前端小玩意

通过个人主页的二级域名访问 http://fengmiaosen.github.io/web-awesome/

Github rank

• 查看

前端技术汇总

• awesome

• 前端学习资料大全

页面效果

• 页面加载库 PACE

  • 多种页面加载效果可供选择

• 基于Canvas的加载动画 spring-loaders

• CSS3D反转特效 adobe

• 交互式多层饼图 cake-chart

• 可视化图 caravel

• CSS3 关键帧动画库bounce

• 小型JavaScript动画库 snabbt

• javascript动画库 anim

• 侧栏划出效果 Snap

前端UI框架

• 基于Vue和WeUI的组件库 vux

• 微信官方UI库 WeUI

• 纯CSS UI界面集合 Collection best of Web Demos

CSS框架

• 前端向 10+ 值得前端开发者关注的优秀 CSS 框架 css框架

• 小型SCSS基础库 sierra-library

• 基于Flex布局的CSS框架库 bulma

• Pure.css pure.css

页面浮层

• 浮层效果 Modaal

前端工具

• 在线PPT制作 spectacle

  • 基于React基础库使用JSX语法来编写在线演示PPT，并能导出为PDF文档

• 在线内容编辑 substance

• 富语义文本编辑 prosemirror

• HTML预编译库 typeset

• 日期时间处理 momentjs

• 在线解析处理PDF文件 pdf.js

• 算法可视化学习 AlgorithmVisualizer

• 前端SASS组件文档生成管理 atomic

版本管理

• git的纯js实现 gitkit.js

前端绘图

• 像素图形绘制 anypixel

• SVG 进度条 progressbar

• 刮刮卡刮奖效果 wScratchPad

前端开发调试

• Web开发调试工具 AlloyLever

• JavaScript运行性能监测 stats.js

• webapp debug工具 eruda

• 移动设备外框 devices.css

  娱乐工具

• 键盘播放Are you ok歌曲 are-you-ok

页面布局

# golden-layout

虚拟现实（VR）

# A-Frame

开源地图

# leafletjs

网页字体

# 字蛛

桌面APP开发

# 基于JavaScript的桌面app开发 electron

手机传感器

# Apple Force Touch支持 pressure