Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-frontend
策划的非常棒前端列表库、资源和闪亮的东西。
https://github.com/ly2513/awesome-frontend
- awesome-php
- Webpack - module bundler
- Yeoman - a set of tools for automating development workflow
- gulp - The streaming build system
- grunt - the JavaScript Task Runner
- F.I.S - 前端集成解决方案
- Bower - A package manager for the web
- Browserify
- Component
- Duo
- RequireJS
- Sea.js
- LABjs - 文件加载器
- css-modulesify - CSS模块加载器
- Less - Less is More , Than CSS
- Sass - Syntactically Awesome Style Sheets
- Stylus - Expressive, dynamic, robust CSS
- analyze-css - CSS 选择器的复杂度和性能分析器
- Bootstrap
- Foundation
- Amaze UI
- Semantic UI
- Pure CSS
- topcoat
- UIkit
- Material UI
- Materialize - 一个基于 Material Design 的 CSS 框架
- Framework7
- mui
- ionic framework
- Fries
- jQuery Mobile
- App.js
- Office UI Fabric - 微软 Office 前端团队的框架
- react
- Angular
- jQuery
- Backbone.js
- ember.js
- Ractive.js
- KISSY
- Zepto.js
- Vanilla JS
- Vue.js - 数据驱动的组件化MVVM库(用于创建web交互界面和数据双向绑定)
- Can.js
- Avalon
- T3 JavaScript Framework - 一个用于搭建大型Web应用的客户端JS框架
- jsblocks - Better MV-ish Framework 从简单 UI 到复杂单页应用都适用
- Min.js - Super minimal selector and event library
- skel.js - A lightweight responsive framework
- Sprint.js - 一个高性能、小体积的 DOM 操作库
- knockout
- PhantomJS - 一个基于 WebKit 的服务器端 JavaScript API
- Bacon.js - A small functional reactive programming lib for JavaScript.
- Flapjax - 一个支持FRP的JavaScript框架
- underscore.js
- Underscore.string.js字符串操作库
- functional.js
- Lo-Dash - A JavaScript utility library
- Lazy.js - a functional utility library for JavaScript
- Fn.js
- Way.js - 双向数据绑定库
- boiler - a utility library that makes tasks in JavaScript easier
- Keys.js - 应用快捷键
- simple-hotkeys
- jquery.hotkeys
- Mousetrap - 键盘快捷键操作
- cocos2d-html5
- Egret Engine
- LimeJS
- EaselJS
- three.js
- AlloyStick
- The-Best-JS-Game-Framework
- CanvasEngine
- Quintus
- Stage.js
- phaser - 一个快速、免费、开源的 HTML5 游戏框架
- WeUI - 微信官方UI库
- GMU - 基于zepto的ui组件库，适用于移动端
- FrozenUI - 腾讯移动端组件库
- NEC - 更好的CSS方案
- NEJ - 更好的JS解决方案
- Pure CSS Components
- magic-of-css
- Primer - The CSS toolkit and guidelines that power GitHub
- light7 - A Light and easy to use UI Lib
- Spectre.css - 轻量、响应式的现代 CSS 框架
- HTML5 BOILERPLATE
- Modernizr
- Normalize.css
- HTML5 Shiv - 让ie浏览器成为支持html5的浏览器的解决方法
- cssFx - 为CSS3自动生成浏览器前缀
- -prefix-free - Break free from CSS prefix hell
- ieBetter.js - make ie browser like a morden browser main for ie6~ie8
- es6-promise - Promise 对象的兼容
- Responsive - 响应式布局
- Enquire.js - Awesome Media Queries in JavaScript
- Free Wall - 创建桌面，移动和平板的动态网格布局
- MetaHandler.js：移动端适配各种屏幕无痛工具脚本
- lib-flexible: 移动端自适应方案
- 参考: 使用Flexible实现手淘H5页面的终端适配
- flexible demo 1
- flexible demo 2
- pageResponse
- responsive-page
- yue.css
- typo.css
- chinese-copywriting-guidelines - 中文文案排版指南
- grid
- Flexbox Grid
- MasonJS - creating a perfect grid
- History.js - gracefully supports the HTML5 History/State APIs
- jquery-pjax - pushState+ajax
- jquery-address - Deep Linking
- page.js - Micro client-side router
- crossroads.js
- hash.js
- path.js
- director.js - 前端路由库(通过#符号进行路径组织,结合vue的component可进行单页的局部模块刷新)
- URI.js
- Roadcrew.js
- SpeakingURL
- uparams - An URL params parser
- detector
- Validator
- Parsley
- jquery.form.js - jQuery Form Plugin
- Validform
- validator.js
- jquery-validation - jQuery Validation Plugin
- formvalidator.js
- Fort.js – 表单填写进度提示
- mailcheck - 用于检测email地址的域名
- Floatlable.js - 输入时显示placeholder文本
- jQuery Label Better
- validator.js
- Chosen
- Select2
- bootstrap-select
- iCheck - 增强复选框和单选按钮
- Switchery - iOS 7 style switches for your checkboxes
- jQuery File Upload Plugin
- 百度 Web Uploader
- uploadify
- Plupload
- Fine Uploader
- arale-upload - 轻量级 iframe and html5 file uploader
- Dropzone.js - 文件上传库(可获取文件mime, 文件大小等; 针对图片可生成缩略图,获取图片宽度,高度)
- flow.js
- localResizeIMG - 前端本地客户端压缩图片，兼容IOS，Android，PC
- simple-uploader
- Both Date and Time picker widget based on twitter bootstrap
- GMU 日历组件
- Mobiscroll
- Pikaday - 日期选择器
- PriceCalendar - 酒店价格日历
- API文档
- DEMO
- Colorpicker plugin for Twitter Bootstrap
- TaggingJS – 可以灵活定制的 jQuery 标签系统插件
- selectize.js
- Bootstrap Tags Input
- At.js - 一个Twitter/微博样式的@自动完成插件
- jquery-textcomplete - 智能搜索提示框/自动补全
- typeahead.js - a fast and fully-featured autocomplete library
- autosize - 使文本框自动适应所输入的内容
- Highcharts
- Chart.js - Simple HTML5 Charts using Canvas
- 百度 ECharts
- Chartist.js
- D3.js - A JavaScript visualization library for HTML and SVG.
- intro-to-d3 - a D3.js tutorial
- Bonsai - 一个功能强大的JavaScript图形库
- epoch - 数据图表可视化
- Vis.js
- Coutour.js
- zrender - 一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，让canvas绘图大不同！
- Moment.js - 日期处理
- Smart Time Ago - 显示相对时间
- timeline.js
- slick - the last carousel you'll ever need
- Swipe - the most accurate touch slider
- Swiper - Most modern mobile touch slider
- iscroll - Smooth scrolling for the web
- iSlider - 移动端滑动组件
- OwlCarousel - create beautiful responsive carousel slider
- jquery-mousewheel - jQuery鼠标滚轮滚动侦测插件
- Glide.js - 轻量级滑块组件
- PhotoSwipe
- TouchSlide - 触屏滑动特效(焦点图,Tab切换)
- Masonry
- Isotope - Filter & sort magical layouts
- imagesLoaded
- Echo.js
- lazySizes
- jquery_lazyload
- BttrLazyLoading
- lazyload.js
- layzr.js - 一个小巧快速的图片懒加载库
- waitForImages - 图片加载监听库
- PxLoader - JS预加载库:实现图片、声音等各种文件的预加载功能
- bindWithDelay - jQuery Plugin For Delayed Event Execution
- TypeWatch - 停止输入时调用
- FlexSlider
- unslider - 小而美的轮播库
- prettyPhoto
- FlickerPlate - A cool jQuery plugin that lets you flick through content.
- Holder.js - Client-side image placeholders.
- RowGrid.js - 在径直的行里放置图片
- ImageLightbox.js - 灯箱效果
- JQuery Panorama Viewer - 全景视图
- Intense Images - 全屏查看图片
- Picturefill - 一个响应式图片 JS 插件
- zoom.js - 一个 jQuery 图片放大插件
- watermarkjs - 一个在浏览器中添加图片水印的 JS 库
- responsive-images.js
- Jcrop - Image Cropping Plugin for jQuery
- croppic - an image cropping jquery plugin
- smartcrop.js - 智能图片裁剪库
- jQuery.eraser - 图像擦除插件
- DD_belatedPNG.js - 让IE6支持透明PNG图片
- FocusPoint.js 实现图片的响应式裁剪
- imgareaselect
- CSSgram - CSS 实现的 Instagram 滤镜库
- antimoderate - 图片模糊库
- NProgress.js
- progress.js
- Pace - Automatic page load progress bar
- jquery-ajax-progress
- nanobar - Very lightweight progress bars.
- waitMe - 很漂亮的loading效果
- spin.js
- sonic.js
- fakeLoader.js
- loaders.css - 一个为性能优化的实现加载动画效果的 CSS 框架
- css-loaders
- pushy - a responsive off-canvas navigation menu
- Slideout.js - 一个用于移动 Web 应用的触摸滑出式导航菜单
- SuperFish - 基于jQuery的级联下拉菜单
- Responsive Nav - 响应式导航
- jquery-scrollspy(1)
- jquery-scrollspy(2)
- Waypoints
- ScrollMagic - 像进度条一样使用滚动条
- jScroll
- web-pull-to-refresh
- pulltorefresh
- RubberBand.js - add pull-to-refresh functionality to any page.
- jquery-smooth-scroll
- jquery.scrollTo - 平滑滚动到页面指定位置
- smooth-scroll
- scrollUp
- elevator.js - 一个模拟电梯运行“返回顶部”的 JS 插件
- pagePiling.js - 全屏滚动效果
- fullPage.js
- onepage-scroll
- zepto.fullpage - 专注于移动端的fullPage.js
- screenfull.js - 切换全屏模式
- multiscroll.js - 分屏滚动效果
- Animsition - 页面切换时的过渡效果
- sticky - jQuery Plugin for Sticky Objects
- jquery.pin - 固定页面元素
- stickUp
- Slinky.js - 堆叠头部创建滑动导航列表
- Hammer.js
- jquery.event.move.js
- Draggabilly - 专注于拖拽功能的 JS 库
- dragula - 一个让拖放操作变简单的 JS 库
- GridList - 可拖拉的响应式列表库
- Headroom.js - 在不需要页头时将其隐藏
- Readmore.js - 内容显示与隐藏插件
- oriDomi - 像指一样折叠Dom元素
- jScrollPane
- jquery.scrollbar
- perfect-scrollbar
- nanoScrollerJS
- tinyscrollbar
- parallax.js
- jparallax
- skrollr
- google-code-prettify
- highlight.js
- Rainbow
- ACE
- CodeMirror
- Crayon Syntax Highlighter
- prism - Lightweight, robust, elegant syntax highlighting.
- Font Awesome
- Glyphter: The SVG Font Machine
- Perfect Icons
- iconizr
- Cikonss - 纯CSS实现的响应式Icon
- Simple Icons
- animate.css - A cross-browser library of CSS animations.
- Transit - CSS transitions and transformations for jQuery
- WOW - 在滚动过程中展示CSS动画效果(默认触发animate.css动画)
- AniJS - A Library to Raise your Web Design without Coding
- Move.js - 简化CSS3动画的JS库
- ScrollMe – 在网页中加入各种滚动动画效果
- Effeckt.css - A Performant Transitions and Animations Library
- NEC动画库
- csshake - CSS classes to move your DOM
- magic - CSS3 Animations with special effects
- Hover.css - 很多鼠标Hover态的效果
- SpinKit
- Velocity.js - 加速JavaScript动画
- lenticular.js - 响应倾斜或鼠标事件创建图片动画
- jQuery Interactive 3D - Create a 3D interactive object using images
- AnimateScroll - A Simple jQuery Plugin for Animating Scroll
- Blast.js - 把动画和样式注入到文本中
- Bounce.js - 一个用于制作漂亮 CSS3 关键帧动画的 JS 库
- Sticker.js - create a Sticker Effect
- scrollReveal.js - 元素进入可视区域自动触发设置好的动画
- stroll.js - CSS3 list scroll effects
- jQuery Easing - 动画效果扩展
- animations - CSS3 ANIMATION CHEAT SHEET
- iconate.js：将 icons 增加动画效果的 JS 库
- cross-storage - Cross domain local storage
- localForage
- pouchdb
- basil.js
- Neurosync - JavaScript 本地离线 ORM 库
- mustache.js
- Handlebars.js
- artTemplate
- baiduTemplate
- JSRender
- EJS - JavaScript Templates
- Juicer - A Light Javascript Templete Engine.
- Tempo
- json2html
- Hogan.js - JavaScript templating from Twitter.
- Dust.js - Linkedin维护的项目
- Notify.js(Web Notifications API)
- alertify.js
- AlertifyJS
- SweetAlert
- Messenger - 非常酷的弹框组件
- PNotify
- Notify.js - A simple, versatile notification library
- Remodal - 模态窗口插件
- action.js - 极简的tip和Modal弹窗效果
- hint.css - 一款非常小巧的提示框效果
- qTip2 - Pretty powerful tooltips
- tooltip - CSS Tooltips
- tooltipster - A jQuery tooltip plugin
- grumble.js - 气泡形状的提示（Tooltip）控件
- Ouibounce - 离站提示控件
- intro.js - 一个创建引导式网站介绍功能的 JS 库
- data-tip.css - 纯 CSS 实现的工具提示
- fancyBox - Fancy jQuery lightbox
- jquery-lightbox - The popular lightbox script, ported to jQuery
- Colorbox - a jQuery lightbox
- artDialog - 经典的网页对话框组件
- DialogEffects
- jQuery blockUI - Page or element overlay
- layer - web弹出窗/层
- Backgrid.js - 强大的表格组件
- handsontable - 在线可编辑excel表格
- jQuery Bootgrid - 用于ajax生成动态表格
- DataTables - Table plug-in for jQuery
- PDF.js - 一个 JavaScript 编写的 PDF 阅读器
- jsPDF - Generate PDF files in JavaScript
- Recline.js - 灵活操作和展示数据
- Dynatable - 交互式表格插件
- fattable - 创建无限滚动无限行列数的表格
- zTree_v3 - jQuery Tree Plugin
- jstree - jQuery Tree Plugin
- fancytree - Tree plugin for jQuery
- fetch - A window.fetch JavaScript polyfill
- reqwest - browser asynchronous http requests
- ajax - Standalone AJAX library
- then-request
- browser-request
- superagent
- minAjax.js
- jPlayer - HTML5 Audio & Video for jQuery
- video.js - HTML5 & Flash video player
- Accessible HTML5 Video Player - PayPal 开源的 HTML5 视频播放器
- Clappr - 开源的Web视频播放器
- Plyr - A simple HTML5 media player
- FitVids.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
- BigVideo.js - The jQuery Plugin for Big Background Video
- BigScreen - A simple library for using the JavaScript Full Screen API
- Vide - 视频背景
- winamp2-js
- Buzz - A Javascript HTML5 Audio library
- MediaElement.js
- Buttons - A CSS button library
- ButtonComponentMorph
- ProgressButtonStyles
- CreativeButtons
- CSS3 buttons
- jquery.onoff - Interactive, accessible toggle switches for the web.
- Simditor - 简单快速的富文本编辑器
- BachEditor - 一个有情怀的编辑器
- TinyMCE
- bootstrap-markdown
- marked - markdown解析器
- Markdown Plus
- Editor.md - 开源在线Markdown编辑器
- stackedit
- Redactor Text Editor
- micromarkdown.js - 轻量级的md解析器
- wangEditor - 支持移动端的轻量级web富文本框
- Readability
- json.human.js - Json Formatting for Human Beings
- CSS Colours
- SVGeneration
- SVGMagic - 自动的创建PNG来兼容不支持SVG的浏览器
- Adaptive Backgrounds - 从图片抽取主要颜色和应用到父元素
- Seen.js - 渲染3D场景为SVG或者HTML Canvas
- Easy Responsive Tabs to Accordion
- Responsive-Tabs
- ion.tabs - jQuery tabs plugin
- jQuery-EasyTabs
- tabulous.js
- ZeroClipboard - 文本复制插件
- clipboard.js
- Bigfoot - 点击文章中的脚注弹窗显示
- Annotator - 文本注解插件，可以包括注释、标签、用户等
- Succinct - 用作截断多行文本,后面添加省略号
- Flowtype.js - 自动调整字体大小和行号
- flat-shadow
- FitText - A jQuery plugin for inflating web type
- shine.js - 实现漂亮阴影
- Type Rendering Mix - 文本渲染引擎
- jquery-expander - 阅读更多
- Typed.js - 输入模拟插件
- jQuery.dotdotdot - 多行文本溢出显示省略号
- split-pane
- jQuery UI Layout
- reveal.js - The HTML Presentation Framework
- bespoke.js - DIY Presentation Micro-Framework
- impress.js
- shower
- deck.js
- jquery-i18n
- i18next.js
- jsperanto.js
- jed.js
- messageformat.js
- Polyglot.js
- responsive-html-email-template
- FastClick - 处理移动端 click 事件 300 毫秒延迟
- tappy
- jquery-fast-click
- pako - HTTP 请求正文压缩
- 参考阅读: 如何压缩 HTTP 请求正文
- HTTP 请求正文压缩 DEMO
- RSA in JavaScript - 用RSA加密实现Web数据加密传输
- jquery-cookie
- InstantClick - 预加载用户可能会点击的一些链接
- Async.js - 异步操作
- html2canvas - 实现纯JS网页截图
- jquery.qrcode.js - 生成二维码的 jQuery 插件
- qrcodejs - JS生成QRCode的库
- nakedpassword - 用脱衣女帮助检测密码强度
- KityMinder - 脑图编辑工具
- MixitUp - 动画过滤和排序
- JQuery Tip Cards - 创建卡片交互的cards布局
- Fallback.js - JavaScript library for dynamically loading CSS and JS files.
- swfobject
- prettyprint.js - An in-browser JavaScript variable dumper
- Shepherd - 为应用创建用户指南
- RulersGuide.js - 类似PhotoShop标尺的js库
- Gremlins.js - Monkey 测试库
- RoughDraft.js - 简单快速的创建交互式的 HTML 模型的原型工具
- favico.js - 动态改变浏览器标签栏中的网站图标
- javascript-patterns
- jquery-patterns - A variety of jQuery plugin patterns
- Learning JavaScript Design Patterns
- jsbin - Collaborative JavaScript Debugging App
- jsbin@Github
- jsfiddle
- jsbeautifier - Online JavaScript beautifier
- resume.github.com
- Sublime Text
- Fiddler
- Weinre
- Rythem
- csscss - 用于检查css代码冗余
- FECS - 基于 Node.js 的前端代码检查工具
- Postman - REST Client
- Fiddler - Fiddler for Chrome Extension
- WEB前端助手(FeHelper)
- Web Developer
- Chrome Logger
- ColorZilla
- ColorPick Eyedropper
- Code Cola
- 1px
- AlloyDesigner - 前端重构开发辅助工具
- Fontface Ninja
- PageSpeed Insights (by Google)
- HTTP Status
- Redirect Path
- Responsive Web Design Tester
- Window Resizer
- CSSViewer
- IE Tab
- Clear Cache
- JSONView
- Image Downloader
- Pretty Beautiful Javascript - 可以自动格式化混淆的js文件
- JavaScript Errors Notifier
- CSS Diff - 在线比对页面上两个元素的CSS样式差异
- WhatFont- 识别网页所使用的字体
- frontend-guidelines - Some HTML, CSS and JS best practices.
- frontend-dev-bookmarks
- Codrops - Useful resources
- Front-end Code Standards & Best Practices
- frontend-dev-bookmarks
- Airbnb 的 JavaScript 编码规范
- awesome-javascript
Programming Languages
Keywords
javascript
53
jquery
18
css
17
html
7
jquery-plugin
7
animation
6
ui
6
html5
5
markdown
5
frontend
5
css-framework
4
mobile
4
web
4
sass
4
modal
4
ui-components
4
dialog
3
swipe
3
canvas
3
responsive
3
editor
3
scrolling
3
video
3
dom
3
notifications
2
wysiwyg
2
wysiwyg-editor
2
angular
2
video-player
2
react
2
rich-text-editor
2
alert
2
best-practices
2
drag-and-drop
2
svg
2
css3
2
nodejs
2
gfm
2
player
2
utilities
2
dash
2
hls
2
flexbox
2
html5-audio
2
html5-video
2
compiler
2
es2015
2
es6
2
tooltip
2
gallery
2