前端库大集合

MVVM 框架 javascript

一个很简单的 MVVM & 模块化开发框架

一个利用HTML注释来翻译页面的解决方案。

js validator umd

轻量级的JavaScript表单验证，字符串验证。没有依赖，支持UMD，~3kb。

waterfall vue.js 瀑布流

Vue.js 下的瀑布流组件

javascript js 整屏滚动

轻巧、无依赖、低侵入性，可快速实现整屏滚动、图片轮播、幻灯片等等。

工具 数据模拟

前端基于 FMS 可以独立完成Web数据模拟(AJAX、后端模板引擎渲染页面)。

javascript js inotify

JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。

nodejs 库 工具

Setting a directory to a static server.

javascript js localstorage

本地存储localstorage的封装，提供简单的API

javascript IE6 js

本地存储cookie的封装，提供简单的API 兼容IE6

javascript 工具 js

JSLite 是现代浏览器类似jQuery的库，体积小。

javascript nodejs js

Simple document generation tool.

javascript 工具 hotkeys

js自定义快捷键没有依赖。

js library audio

Modern Web Audio Javascript Library

工具 js image

Holder renders image placeholders entirely in browser.

工具 plugin jQuery

Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system.

HTML js deck

Modern HTML Presentations

工具 js package

For front-end developers who crave maintainable assets, Jam is a package manager for JavaScript.

browser 工具 chat

A free and open-source XMPP chat client in your browser

html5 js

HTML5 and made easy. One file. Any browser. Same UI.

工具 js audio

It uses native where available and an invisible flash player to emulate for other browsers.

工具 CSS js

A mini js+css library for flipping things over.

工具 js number

A javascript library for formatting and manipulating numbers.

工具 js ide

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.

工具 js text

lunr.js is a simple full text search engine for your client side applications.

工具 js

Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.

js library documents

JIO is a client-side JavaScript library to manage documents across multiple storages.

js

GoJS is a feature-rich JavaScript library for implementing interactive diagrams across modern web browsers and platforms.

js chart

Easy, object oriented client side graphs for designers and developers

工具 js plugin

Cubism.js is a D3 plugin for visualizing time series.

js library

This library was created to provide a intutive way to provide validation filters that are usefull in processing user input.

工具 js

A free and open-source javascript shopping cart that easily integrates with your current website.

工具 CSS js

CSS animations are phenomenal and offer numerous advantages over JavaScript powered animations.

工具 plugin jQuery

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line. You can view a demo with a conveniently placed slice of juicy, delicious bacon below.

工具 plugin jQuery

Trunk8 is an intelligent text truncation plugin to jQuery.

工具 js plugin

A jQuery plugin for radical web typography

工具

retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays

工具 font

Typekit is a subscription font service that brings thousands of fonts from foundry partners into one library for quick browsing, easy use on the web or in applications, and endless typographic inspiration.

Tool plugin jQuery

It is an invaluable jQuery plugin that stacks your tables for small screens. It’s a huge advantage in terms of usability on mobile devices.

Tool js plugin

It is a jQuery plugin for creating image animations that response to tilting or mouse events.

框架 html5 app

A front-end framework for building HTML5 mobile apps with a native look and feel.

工具 js 断点

Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.

CSS ui

User Interface is the language of the web

CSS 系统

One% CSS Grid is a 12 column fluid CSS grid system.

工具 CSS inuit

A collection of pre-alpha modules to form the new, improved inuitcss

framework 工具 CSS

A Responsive HTML5, CSS and Javascript Framework

工具 ink interface

Create responsive web interfaces quick and efficiently.

framework sass

Neat is a semantic grid framework built on top of Sass and Bourbon.

工具 CSS pondasee

Front-end starter kit combined with the power of SCSS & Compass

framework 工具 CSS

It’s a sad day, but Digital Surgeons has decided to retire Gumby Framework in order to focus our efforts on making other awesome things for the web.

工具 CSS icecream

Sometimes you just need a grid system, everything else is excess, with the iceCream syntax this can be done easily and faster.

framework 开源

Cappuccino is an open source framework that makes it easy to build desktop-caliber applications that run in a web browser.

Tool js app

Lightweight and powerful data binding + templating solution for building modern web applications.

framework Tool js

A framework for creating ambitious web applications.

framework mvc js

The declarative Rich Internet Application Javascript MVC Framework

js mobile

jQWidgets provides a comprehensive solution for building professional web sites and mobile apps.

framework js library

Minified.js is a client-side JavaScript library that's both powerful and small.

framework Tool js

A universal JavaScript framework with a coherent set of individual components

Tool js

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

Tool js

Typed language compiled to JavaScript. By Google.

AMD Tool js

MOUT is a collection of modular JavaScript utilities that can be used in the browser as AMD modules or on node.js.

Tool js

It is a JavaScript implementation of all methods from Ruby classes like Array, String, Numbers, Time and more.

CSS Tool js

Create a baseline for collaboration and review within various aspects of the WordPress js

CSS Tool 开源

The CSS toolkit and guidelines that power GitHub.

Tool podcasts

Seeking out the best, brightest, and smartest creative people on digital art, design, and development.

Tool podcasts

The award winning Big Web Show features special guests and topics like web publishing, art direction, content strategy, typography, web technology, and more.

Tool podcasts

An internet radio show about the internet starring Dave Rupert and Chris Coyier.

Tool podcasts

A weekly podcast about JavaScript, including Node.js, Front-End Technologies, Careers, Teams and more.

Tool js workflow

Task automation tool built in JavaScript.

Tool js workflow

It is a batteries included modern web development toolkit. Bower, RequireJS, Transpilers, Pre-Processors, Micro-Templating, Linting, Optimization, Serving. To start.

工具 workflow

Roots is a static site compiler, that generates static html, css, and javascript files.

Tool js app

Mod is a task-based workflow tooling for web, it help developers quickly build robust and high-performance web applications.

Tool js architecture

Provides you a Scalable JavaScript Architecture, that helps you to modularize your jQuery/Zepto Code in a very intuitive and natural way

Tool architecture

We’re not designing pages, we’re designing systems of components

Tool app architecture

Technology for creating web applications

html5 CSS3 js

Learn HTML5, CSS3, and Responsive WebSite Design in One Go

html5 CSS3 guide

his site by Adobe is a resource and showcase of some of the newest, and most expressive features being added to the web today.

CSS HTML js

Learn HTML, CSS, and Javascript through fun projects you do in your browser.

CSS HTML guide

Covers all the elements from CSS and typography to HTML and the structure of prose.

guide design

An easy to follow design course for people who do amazing things.

html5 CSS3 移动端

FrozenUI的CSS组件库,基于腾讯手Q样式规范

工具 预处理

jdists 是一款强大的代码块预处理工具。支持主流开发语言、支持嵌套、扩展方便。

CSS

CSS-Tricks launched July 4th, 2007. It used to be, believe it or not, primarily about CSS! Over the years, despite the hokey name, CSS-Tricks has come to become a site about all things web design and development.

github widget

一个可以在网站、个人博客中显示github个人信息的jquery widget组件。

工具

Front End Designer Playground CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews.

A JavaScript library like React, but uses Web Components.

工具

Coveloping offer a selection of free web tools to speed up your development. Make your applications more awesome with our premium WordPress plugins, or signup for one of our membership packages to get professional support for your website.

框架 javascript 模版

一个管理系统的前端框架

工具 js svg

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.

库 工具 js

Velocity is an animation engine with the same API as jQuery's $.animate().

框架 工具 js

Arale 立足于支付宝的前端需求和国内前端社区，基于 Sea.js 和 spm 生态圈，致力发展小而美的前端模块架构，建立了一套从编码测试到部署的开发体系， 是一个开放、简单、易用的前端解决方案。

库 工具 js

Parse, validate, manipulate, and display dates in JavaScript.

工具 js

A modular, extendable, and easy-to-use physics engine for javascript

browser 工具 js

CodeMirror is a versatile text editor implemented in JavaScript for the browser.

工具 js

提供简单、极致的模块化开发体验

工具 js dom

D3.js is a JavaScript library for manipulating documents based on data.

react-native react swiper

The best Swiper component for React Native.

工具

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。

工具 js app

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React.

iconfont font

「大道三千，各取其一，须弥芥子，无所增减」Fontmin 第一个纯 JavaScript 字体子集化方案

工具 node

使用 node 控制 在 Mac 10.8+ 和 Win 8+ 弹窗推送消息

库 js

Sugar is a Javascript library that extends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code.

数据模拟

在线模拟动态占位图片

工具 HTML ui

Mobile first 前端开发框架，提供丰富组件，让应用开发像拼积木一样简单。

es6

Babel is a compiler for writing next generation JavaScript.

工具 js

Flow is a static type checker, designed to find type errors in JavaScript programs

工具 js

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

工具 app

Custom built and crisp icon fonts, done right

工具 CSS

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

工具 js

It has never been easier to leverage the full force of powerful frameworks like Bootstrap and Zurb Foundation. Nothing can stop you now.

工具 js

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.

工具

The event-touch module extends the whitelist of DOM events to include the native touch and gesture events and adds relevant information to event facades.

工具 js

Makes your web applications more touching. Provides custom events and useful browser information for mobile web (application) development.

工具 js

UglifyJS is a JavaScript compressor/minifier written in JavaScript. It also contains tools that allow one to automate working with JavaScript code

工具 js

Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.

工具 动画

Ultra high-performance, professional-grade animation for the modern web

CSS预编译 CSS

qst 是一个基于 Stylus 的样式工具库，帮助您更轻松地书写 Stylus 代码。

陀螺仪

#建议在手机或者平板上测试效果。 Spatial scrolling for modern devices with a gyroscope. 利用移动设备陀螺仪位置和方向的感知，控制页面的上下文滚动。 Activate it and a current tilt will be saved. 当你激活该功能时，当前的倾斜角度会被记录下来作为对比参考值。 Tilt a device relative to a saved position. 然后倾斜移动设备的角度，根据相对于对比参考值的差值大小来使页面上下滑动。

js 性能检测

jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks.

CSS scss

辅助快速构建web栅格化布局

工具 js

a small web framework with class

工具 js

CanJS is a JavaScript library that makes developing complex applications simple and fast. Easy-to-learn, small, and unassuming of your application structure, but with modern features like custom tags and 2-way binding. Creating apps is easy and maintainable.

工具 js

Build Awesome JavaScript MVC Applications

工具 js

A lightweight CoffeeScript library/DSL for reactive programming and for declaratively building scalable web UIs

工具 js

Riot is a manifesto for vanilla JavaScript and jQuery

工具 js

Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.

工具 js

If you love Ruby on Rails, batman.js is the best, most familiar way to build rich web apps in CoffeeScript.

工具 js

iio engine (pronounced 'ee-oh') is a framework that speeds the creation and deployment of HTML5 Canvas applications.

工具 js

QUnit is a powerful, easy-to-use JavaScript unit testing framework. It's used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!

工具 js

soma.js is a javascript framework.It is a lightweight framework that has been created to build loosely-coupled applications.

CSS js ice

ICECSS是一个以冰山为灵感的开源高效的基于Jquery的CSS框架，不仅有着开发快速、美观易用等特点，官方本身还提供CDN服务、快速开发demo和测试的云服务等等。

工具 js

Feathers is a library that extends Express - one of the most popular web frameworks for NodeJS - with the ability to easily create shared RESTful web services and real-time APIs using SocketIO and other websocket libraries.

工具 js

A scalable, event-driven JavaScript architecture for developing component-based applications.

工具 js

Develop Truly Native Apps with JavaScript and CSS Build native iOS, Android and Windows Phone apps from a single code base

工具

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

CSS 设计

一个css3 image clip 辅助工具

工具 js

Stapes.js is designed to be agnostic about your setup and style of coding.

工具

Appium is an open source test automation framework for use with native, hybrid and mobile web apps.

工具

Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.

agility

Agility.js is an MVC library for Javascript

bootstrap Dojo

Bringing Bootstrap components to life with custom Dojo modules.

iconfont

Generate custom icon webfonts from the comfort of the command line.

hybrid Ionic webapp

Creator makes it easy to rapidly build Ionic mobile apps. With a drag-and-drop interface and real code exporting, you can create live apps for your team with a few drags of the mouse. And it's totally free to use.

可能是最懂中文的 HTML5 前端框架

node

一个简单的零配置命令行http服务器 (基于node)

js

兼容IE的视差滚动库

演示

The HTML Presentation Framework

库

The JavaScript SVG library for the modern web.

CSS html5 Tool

检查浏览器对HTML5和CSS3特型的支持程度的JS库。

框架 framework mvc

基于Promise的Node.js MVC框架

framework html5 mobile

HTML5 widgets for web and mobile development

editor markdown live

enjoy live editing (支持markdown编辑)

javascript template node.js

A simple, powerful, and extendable JavaScript Template Engine.

javascript template node.js

Jade is a template language.

framework CSS html5

A Custom Elements-Based HTML5 UI Framework

framework CSS bootstrap

A set of small, responsive CSS modules that you can use in every web project.

javascript

A modern approach for Computer Vision on the web

MVVM javascript framework

vue.js是一个创建交互web应用的框架，通过简单明了的API提供数据驱动的组件化开发。

javascript

javascript语法树分析器

video.js

开源的HTML5播放器

javascript editor coffeescript

Simditor 是团队协作工具 Tower 使用的富文本编辑器。

CSS HTML W3C

在这里查阅兼容性问题比较方便。W3help.org是由国内多家关注Web标准的公司、团体、标准组织，及科研单位等共同创立的Web标准推广网站。目的是为了促进Web标准技术在国内业界的应用和推广，提供跨浏览器开发资源，推动国内Web环境与国际标准的接轨，最终实现国内Web的标准化。

工具 ide

超级牛逼的浏览器版ide，而且现在的新版支持各种平台上的各种浏览器查看效果，还有各种风格，主题，支持命令终端，debugger。还有各种强大的功能，快用用看吧！

template

简单易用的前端模板预编译工具。它通过预编译技术让前端模板突破浏览器限制，实现后端模板一样的同步“文件”加载能力。它采用目录来组织维护前端模板，从而让前端模板实现工程化管理，最终保证前端模板在复杂单页 web 应用下的可维护性。同时预编译输出的代码经过多层优化，能够在最大程度节省客户端资源消耗。

javascript

A lightweight graphical user interface for changing variables in JavaScript.

MVVM avalonjs avalon

Avalon是一个简单易用迷你的MVVM框架，它最早发布于2012.09.15，为解决同一业务逻辑存在各种视图呈现而开发出来的。比起angularjs来，avalon还是很mini的，源码也比较易懂，而且源码比angularJs易懂很多。作者：司徒正美 —— 国产的FE大神之一。

nodejs debug proxy

基于文件替换规则的命令行代理工具

nodejs debug proxy

基于nodejs的跨平台web开发调试代理工具

模板 js template

轻松创建语义化前端模板的JS库

nodejs process manager

pm2 is a process manager for Node apps with a built-in load balancer.

nodejs ppt 演示

Maybe the best PPT webapp ever markdown based on GFM;mix-code with html and markdown;export your work with html and pdf format;18 different transition animations, and so on.

javascript nodejs

CoffeeScript is a little language that compiles into JavaScript.

nodejs

Poet is a blog generator in node.js to generate routing, render markdown/jade/whatever posts, and get a blog up and running fast.

nodejs

Punch is a simple, intuitive web publishing framework that will delight both designers and developers.

nodejs

The static web server with built-in preprocessing.

框架 nodejs

An extremely simple, pluggable static site generator.

nodejs blog

快速、简单的blog系统，nodejs构建

CSS Tool

小志的CSS小工具

CSS3 贝塞尔曲线

妈妈再也不用担心我做CSS3动画了

配色

最好的配色解决方案，Adobe出品，天生骄傲^ ^

工具 CSS

压缩CSS代码的工具

nodejs 图像处理

opencv是图像识别、处理的最普及的开源库，opencv(npm)是使用nodejs进行图像处理、图像识别的最佳良器。

javascript 库 图表

raphaeljs是一个很优秀的Js开源图表库，留给用户充分的发挥空间，同时可以兼容至IE6浏览器。可谓前端图表神器。

javascript nodejs test

基于Phantomjs基础上封装的用于浏览器编码测试工具。

CSS

在线生成CSS3代码

框架 无线 hybrid

The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5.

配色

来自日本的配色词典

配色

来自日本的配色方案，交互很炫。

配色

一组中国色彩的配色以及解说

nodejs

Realtime binary streaming for the web using websockets

icon font

icon fonts generator

nodejs Async

Async is a utility module which provides straight-forward, powerful functions for working with asynchronous JavaScript.

nodejs Async

A tool for making and composing asynchronous promises in JavaScript

Git Book

Utility for generating books and exercises using GitHub/Git and Markdown

框架 mvc

Backbone.js gives structure to web applications by providing MVC.

CSS Animate

Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.

nodejs paypal

基于express的后端mvc框架

CSS github iconfont

Github官网使用的图标字体文件库

javascript 图像处理

a port of the Processing Visualization Language

javascript 动画

Shifty is a JavaScript tweening engine designed to fit any number of tweening needs.

百度 uploader flash

一个简单的以HTML5为主，FLASH为辅的现代文件上传组件

gif encoder

JavaScript GIF encoder that runs in your browser. Uses typed arrays and web workers to render each frame in the background, it's really fast!

框架 nodejs

an adaptable framework for building modern web applications

工具 CSS

CSS预处理器

nodejs 库 Auth

Nodejs实现的简单权限校验库

nodejs DB DAL

基于Nodejs对MySQL/MariaDB/SQLite/PostgreSQL的数据访问层封装

框架 nodejs mvc

基于Express的MVC框架

nodejs

让Javascript在服务端运行

DB NOSQL

开源的NOSQL文本数据库

nodejs 测试

Nodejs的TDD框架

框架 nodejs

Nodejs的中间件框架

javascript 阿里 canvas

简单高效易用的canvas开发框架

工具 阿里

一款模拟数据生成器，能帮助前端独立于后端进行开发，编写单测

工具 阿里

编辑、查看、使用、校验接口数据的工具

模板

由JavaScript语言实现的高性能跨语言模板引擎。

javascript 阿里 OPOA

适合用来构建大型的，面向前后端开发者以及 IE6 友好的OPOA应用。

CSS 阿里

来自阿里妈妈的CSS解决方案

javascript 库 阿里

Brix 是基于 KISSY（PC端）和 Zepto、SeaJS 等（移动端）底层类库的应用层组件框架。

无线 scroll

高性能，体积小，无外部依赖，跨平台的滚动组件

无线 scroll

一个基于原生方案的滚动支持库

框架 javascript nodejs

自动监听文件变化进行快速测试的工具

javascript CSS预编译 工具

An overview of Less, how to download and use, examples and more.

CSS预编译 工具 CSS

An open-source CSS Authoring Framework.

CSS预编译 库 CSS

CSS预编译工具

javascript 库

A whole mess of useful functional programming helpers without extending any built-in objects

javascript AMD 库

一个符合AMD规范的Javascript加载框架

javascript mvc facebook

专为解决DOM变化渲染性能而生的框架

框架 javascript nodejs

在浏览器和Nodejs中运行的JS测试框架

Touch javascript 库

来自百度的Touch事件库，功能强大

工具 CSS

分析CSS文件，查找重复的样式定义。

库

一个模块化框架，包括必要工具用来创建可伸缩的web应用

CSS sprites 工具 CSS

CSS sprites生成工具

代码检查 javascript 工具

代码风格检查器

代码检查 javascript 工具

道格拉斯出品的Javascript代码风格检查工具

构建工具 nodejs 库

超级快速的HTML5编译工具

javascript 库

老牌Javascript基础库，对新技术始终跟进迅速。

nodejs 库

基于Nodejs的全栈框架，利用 DDP 协议同步前后端数据，大大加快开发速度

框架 nodejs 库

Nodejs的web框架

MVVM javascript 库

利用数据绑定、依赖注入等技术构建webapp的框架。

构建工具 工具

JavaScript 任务执行工具

包管理 工具

为web设计的包管理工具

构建工具 工具

脚手架工具集，为现代网站设计

库 CSS

一套包括icon font的CSS框架

构建工具 nodejs 工具

流式构建系统

Touch javascript 无线

Javascript多点手势库

Touch javascript 无线

Touch事件库

javascript 库 CSS

利用最新web技术，让你创建自定义的元素的库。

工具 HTML

HTML5、CSS3功能及退化方案查询

库

现代、HTML5-ready的CSS resets

工具

用来调试网络请求的工具。

编辑器 库 百度

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点

REST API nodejs 库

可重用、可伸缩、性能高的Node.js API服务端

框架 nodejs

Realtime MVC Framework for Node.js

nodejs 库

Node.js实时应用框架，利用了WebSockets技术。

nodejs 库

一个新的Nodejs框架，由Express团队构建。

库

帮助你选择MV*前端框架

库 无线

利用标准web API创建跨平台的apps

库 CSS HTML

The most advanced responsive front-end framework in the world.

库 CSS HTML

基于Bootstrap的响应式Theme

工具

HTTP嗅探器，可用于IE、Firefox、iPhone、iPad

MVVM javascript 库

简单动态的JavaScript MVVM框架。

构建工具 库 工具

百度的前端集成解决方案，包括构建工具，框架等。