web-awesome
好玩的前端小玩意
通过个人主页的二级域名访问 http://fengmiaosen.github.io/web-awesome/
Github rank
前端技术汇总
页面效果
-
页面加载库 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
页面布局
虚拟现实(VR)
# A-Frame
开源地图
网页字体
# 字蛛
桌面APP开发
# 基于JavaScript的桌面app开发 electron
手机传感器
# Apple Force Touch支持 pressure