Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-front-end

A curated list of amazingly awesome frontend libraries, resources and shiny things.
https://github.com/FivestarsMobi/awesome-front-end

Last synced: about 5 hours ago
JSON representation

0. 前端自动化(Workflow)
- Duo
- Sea.js
- Webpack - module bundler
- Yeoman - a set of tools for automating development workflow
- use-gulp
- Duo
- Duo
1. 前端UI框架(Frameworks)
- Amaze UI
- App.js
- Pure CSS
13. 页面交互
- 13.4 图片轮播(幻灯片)/图片展示
  - unslider - 小而美的轮播库
- 13.1 Slider
  - TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- 13.5 图片剪裁/图片处理/图片转换
  - DD_belatedPNG.js - 让IE6支持透明PNG图片
- 13.6 进度条/加载动画(Loading)
  - loading.io - 一个 Loading 图标的网站
- 13.18 隐藏或展示页面元素
  - Headroom.js - 在不需要页头时将其隐藏
2. JavaScript 框架汇总
- Vanilla JS
- Can.js
- Flapjax - 一个支持FRP的JavaScript框架
- meili/minui - 基于规范的小程序 UI 组件库，自定义标签组件，简洁、易用、工具化
- functional.js
3. 前端游戏框架
- Egret Engine
4. ui组件库(CSS Framework)
- NEC - 更好的CSS方案
- NEJ - 更好的JS解决方案
- light7 - A Light and easy to use UI Lib
5. 基础模版
- MetaHandler.js：移动端适配各种屏幕无痛工具脚本
- 参考: 使用Flexible实现手淘H5页面的终端适配
- flexible demo 1
- flexible demo 2
10. 表单处理
- 10.1 表单验证(Form Validator)/表单提示
  - Fort.js – 表单填写进度提示
- 10.6 日期选择
12. 日期格式化 & 时间轴
- 10.10 样式修正
  - Moment.js - 日期处理
  - date-utils - Date Pollyfills for Node.js and Browser
14. 代码高亮插件/代码编辑器
- 13.20 视差滚动(Parallax Scrolling)
  - highlight.js
16. 动画(Animate)
- 13.20 视差滚动(Parallax Scrolling)
18. 模板引擎
- 13.20 视差滚动(Parallax Scrolling)
  - Handlebars.js
25. 音频/视频
- 24.3 Web Sockets
  - paypal/accessible-html5-video-player - PayPal 开源的 HTML5 视频播放器
26. 按钮
- 24.3 Web Sockets
  - Flipside - 一个能过渡到对话框的按钮
29. 颜色(CSS Colors)/SVG/Canvas
- 24.3 Web Sockets
  - SVGeneration
  - SVGeneration
32. 布局(Layout)
- 24.3 Web Sockets
  - jQuery UI Layout
37. HTTP请求相关
- 24.3 Web Sockets
  - 参考阅读: 如何压缩 HTTP 请求正文
  - HTTP 请求正文压缩 DEMO
39. 加密/转码
- 24.3 Web Sockets
  - harmankang/Lab62 - 一个简单的人类可读的随机 ID 生成库
41. 实用工具/其他插件
- 24.3 Web Sockets
  - pageguide - 网页向导
ES6入门
- 24.3 Web Sockets
  - ES6 - New features Overview & Comparison
  - ES6 Overview in 350 Bullet Points
1. 开发工具
- 24.3 Web Sockets
  - VSCode
  - Sublime Text
2. 调试工具
- 24.3 Web Sockets
  - Weinre
  - Rythem
  - FECS - 基于 Node.js 的前端代码检查工具
3. 模拟数据( Mock )
- 24.3 Web Sockets
  - JSONPlaceholder
5. 浏览器扩展(Chrome Extensions)
- 24.3 Web Sockets
6. 在线工具
- 24.3 Web Sockets
  - Kraken.io - Online Image Optimizer
  - TinyJPG - Compress JPEG images intelligently
  - IcoMoon App
  - Free Perfect Icons - 矢量图 svg 图标下载
  - frontend-dev-bookmarks
  - Codrops - Useful resources
  - 30-seconds-of-code
  - project-guidelines - JavaScript工程项目的一系列最佳实践策略
  - react-in-patterns - React 模式
  - javascript-algorithms - JavaScript 算法与数据结构
  - css-protips - CSS 专业技巧
  - Airbnb Engineering & Data Science - Airbnb 前端开源项目
  - LEARN REGEX THE EASY WAY - 正则表达式学习
  - Front-End Developer Handbook 2016
  - Front-End Developer Handbook 2017
  - Front-End Developer Handbook 2018
  - 前端工程师手册
  - 前端工程师手册 - 包括前端开发实践、学习前端开发、前端开发工具
  - Canvas: Draw on the web - HTML5 Canvas 教程
  - awesome-vue
Uncategorized
- Uncategorized
  - awesome-php

Programming Languages

Categories

6. 在线工具 20 5. 浏览器扩展(Chrome Extensions) 20 0. 前端自动化(Workflow) 7 2. JavaScript 框架汇总 5 13. 页面交互 5 10. 表单处理 4 5. 基础模版 4 16. 动画(Animate) 3 2. 调试工具 3 4. ui组件库(CSS Framework) 3 1. 前端UI框架(Frameworks) 3 ES6入门 2 29. 颜色(CSS Colors)/SVG/Canvas 2 12. 日期格式化 & 时间轴 2 37. HTTP请求相关 2 1. 开发工具 2 3. 模拟数据( Mock ) 1 26. 按钮 1 41. 实用工具/其他插件 1 25. 音频/视频 1 32. 布局(Layout) 1 39. 加密/转码 1 14. 代码高亮插件/代码编辑器 1 Uncategorized 1 18. 模板引擎 1 3. 前端游戏框架 1

Sub Categories

24.3 Web Sockets 57 13.20 视差滚动(Parallax Scrolling) 5 10.6 日期选择 3 10.10 样式修正 2 13.4 图片轮播(幻灯片)/图片展示 1 10.1 表单验证(Form Validator)/表单提示 1 13.6 进度条/加载动画(Loading) 1 13.18 隐藏或展示页面元素 1 13.1 Slider 1 Uncategorized 1 13.5 图片剪裁/图片处理/图片转换 1

Keywords

awesome-list 2 javascript 2 snippets 1 reactjs 1 python 1 programming 1 nodejs 1 netlify 1 learning-resources 1 learn-to-code 1 html 1 github-actions 1 git 1 es6-javascript 1 education 1 css 1 astro 1 list 1 frontend 1 learning-gulp 1 gulp 1 webpack 1 web-performance 1 web 1 plugins 1 module-bundler 1 loaders 1 javascript-modules 1 javascript-compiler 1 esm 1 es6 1 es2015 1 compiler 1 commonjs 1 build-tool 1 amd 1 website-infrastructure 1 snippets-collection 1 awesome 1