Awesome JavaScript 炫酷JavaScript合

2016-09-18 本文已影响392人船长酱

Package Managers 包管理工具

npm - npm is the package manager for javascript.
Bower - A package manager for the web.
component - Client package management for building better web applications.
spm - Brand new static package manager.
jam - A package manager using a browser-focused and RequireJS compatible repository.
jspm - Frictionless browser package management.
Ender - The no-library library.
volo - Create front end projects from templates, add dependencies, and automate the resulting projects.
Duo - 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.

Loaders

Bundlers

Testing Frameworks

QA Tools

JSHint - JSHint is a tool that helps to detect errors and potential problems in your JavaScript code.
jscs - JavaScript Code Style checker.
jsfmt - For formatting, searching, and rewriting JavaScript.
jsinspect - Detect copy-pasted and structurally similar code.
buddy.js - Magic number detection for JavaScript.
ESLint - A fully pluggable tool for identifying and reporting on patterns in JavaScript.
JSLint - High-standards, strict & opinionated code quality tool, aiming to keep only good parts of the language.

MVC Frameworks and Libraries

Node-Powered CMS Frameworks

Templating Engines 模板引擎

Data Visualization 数据可视化

Timeline

TimelineJS - A Storytelling Timeline built in JavaScript.

http://timeline.knightlab.com/

timesheet.js - JavaScript library for simple HTML5 & CSS3 time sheets.

https://sbstjn.com/timesheet.js/

Spreadsheet

Editors

ace - Ace (Ajax.org Cloud9 Editor).

Ace
CodeMirror - In-browser code editor.

http://codemirror.net/

esprima - ECMAScript parsing infrastructure for multipurpose analysis.

http://esprima.org/

quill - A cross browser rich text editor with an API.

http://quilljs.com/

medium-editor - Medium.com WYSIWYG editor clone.

https://yabwe.github.io/medium-editor/

pen - enjoy live editing (+markdown).

http://sofish.github.io/pen/

jquery-notebook - A simple, clean and elegant text editor. Inspired by the awesomeness of Medium.
bootstrap-wysiwyg - Tiny bootstrap-compatible WYSIWYG rich text editor.
ckeditor-releases - The best web text editor for everyone.

http://ckeditor.com/

editor - A markdown editor. still on development.

http://lab.lepture.com/editor/

EpicEditor - An embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more.
jsoneditor - A web-based tool to view, edit and format JSON.
vim.js - JavaScript port of Vim with a persistent ~/.vimrc

http://coolwanglu.github.io/vim.js/emterpreter/vim.html

Squire - HTML5 rich text editor.

http://neilj.github.io/Squire/

TinyMCE - The JavaScript Rich Text editor.
trix - A rich text editor for everyday writing. By Basecamp.
Trumbowyg - A lightweight and amazing WYSIWYG JavaScript editor.
Draft.js - A React framework for building text editors.

https://facebook.github.io/draft-js/

bootstrap-wysihtml5 - Simple, beautiful wysiwyg editor
wysihtml5 - Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
raptor-editor - Raptor, an HTML5 WYSIWYG content editor!
popline - Popline is an HTML5 Rich-Text-Editor Toolbar

Documentation

Functional Programming

Reactive Programming

Data Structure

Date

moment - Parse, validate, manipulate, and display dates in javascript.
moment-timezone - Timezone support for moment.js.
jquery-timeago - A jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").

timezone-js - Timezone-enabled JavaScript Date object. Uses Olson zoneinfo files for timezone data.
date - Date() for humans.
ms.js - Tiny millisecond conversion utility.
countdown.js - Super simple countdowns.
timeago.js - Simple library (less then 2kb) used to format date with *** time ago
statement.
fecha - Lightweight date formatting and parsing (~2KB). Meant to replace parsing and formatting functionality of moment.js.

String

selecting - A library that allows you to access the text selected by the user
underscore.string - String manipulation extensions for Underscore.js javascript library.
string.js - Extra JavaScript string methods.
he - A robust HTML entity encoder/decoder written in JavaScript.
multiline - Multiline strings in JavaScript.
query-string - Parse and stringify URL query strings.
URI.js - Javascript URL mutation library.
jsurl - Lightweight URL manipulation with JavaScript.
sprintf.js - A sprintf implementation.
url-pattern - Easier than regex string matching patterns for urls and other strings. Turn strings into data or data into strings

Number

Numeral-js - A javascript library for formatting and manipulating numbers.
chance.js - Random generator helper in Javascript. Can generate numbers, strings etc.
odometer - Smoothly transitions numbers with ease.
accounting.js - A lightweight JavaScript library for number, money and currency formatting - fully localisable, zero dependencies.
money.js - A tiny (1kb) javascript currency conversion library, for web & nodeJS.
Fraction.js - A rational number library for JavaScript
Complex.js - A complex number library for JavaScript
Polynomial.js - A polynomials library for JavaScript

Storage

store.js - LocalStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood.
localForage - Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
jStorage - jStorage is a simple key/value database to store data on browser side.
cross-storage - Cross domain local storage, with permissions.
basket.js - A script and resource loader for caching & loading scripts with localStorage.
bag.js - A caching script and resource loader, similar to basket.js, but with additional k/v interface and localStorage / websql / indexedDB support.
basil.js - The missing Javascript smart persistent layer.
jquery-cookie - A simple, lightweight jQuery plugin for reading, writing and deleting cookies.
js-cookie - A simple, lightweight JavaScript API for handling browser cookies
Cookies - JavaScript Client-Side Cookie Manipulation Library.
DB.js - Promise based IndexDB Wrapper library
lawnchair.js - Simple client-side JSON storage.
sql.js - SQLite compiled to JavaScript through Emscripten.

Color

randomColor - A color generator for JavaScript.
chroma.js - JavaScript library for all kinds of color manipulations.
color - JavaScript color conversion and manipulation library.
colors - Smarter defaults for colors on the web.
PleaseJS - JavaScript Library for creating random pleasing colors and color schemes.
TinyColor - Fast, small color manipulation and conversion for JavaScript.
Vibrant.js - Extract prominent colors from an image.

I18n And L10n

Class

Control Flow

async - Async utilities for node and the browser.
q - A tool for making and composing asynchronous promises in JavaScript.
step - An async control-flow library that makes stepping through logic easy.
contra - Asynchronous flow control with a functional taste to it.
Bluebird - fully featured promise library with focus on innovative features and performance.
when - A solid, fast Promises/A+ and when() implementation, plus other async goodies.
ObjectEventTarget - Provide a prototype that add support to event listeners (with same behavior of EventTarget from DOMElements available on browsers).

Routing

Security

Log

RegExp

Voice Command

annyang - A JavaScript library for adding voice commands to your site, using speech recognition.
voix.js - A JavaScript library to add voice commands to your sites, apps or games.

API

Streaming

Vision Detection

Machine Learning

Browser Detection

Benchmark

Code highlighting

Loading Status

Validation

Keyboard Wrappers

Tours And Guides

Notifications

Sliders

Range Sliders

Form Widgets

Input

typeahead.js - A fast and fully-featured autocomplete library.
tag-it - A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.
At.js - Add Github like mentions autocomplete to your application.
Placeholders.js - A JavaScript polyfill for the HTML5 placeholder attribute.
fancyInput - Makes typing in input fields fun with CSS3 effects.
jQuery-Tags-Input - Magically convert a simple text input into a cool tag list with this jQuery plugin.
vanilla-masker - A pure javascript mask input.
Ion.CheckRadio - jQuery plugin for styling checkboxes and radio-buttons. With skin support.
awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies. -http://leaverou.github.io/awesomplete/

Calendar

pickadate.js - The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
bootstrap-datepicker - A datepicker for @twitter bootstrap forked from Stefan Petre's (of eyecon.ro), improvements by @eternicode.
Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS.
fullcalendar - Full-sized drag & drop event calendar (jQuery plugin).
rome - A customizable date (and time) picker. Dependency free, opt-in UI.
datedropper - datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.

Select

File Uploader

Other

Tips

Boilerplates

html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.
mobile-boilerplate - A front-end template that helps you build fast, modern mobile web apps.
webplate - An awesome front-end framework that lets you stay focused on building your site or app while remaining really easy to use.
Cerberus - A few simple, but solid patterns for responsive HTML emails. Even in Outlook.
full-page-intro-and-navigation - An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation
Fluid-Squares - A fluid grid of square units.
Mobile-First-RWD - An example of a mobile-first responsive web design
this-is-responsive - This Is Responsive
npm run-scripts Task automation with NPM run-scripts.

Gesture

hammer.js - A javascript library for multi-touch gestures.
touchemulator - Emulate touch input on your desktop.
Dragula - Drag and drop so simple it hurts

Maps

Video/Audio

Typography

Animations

velocity - Accelerated JavaScript animation.
jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery.
imrpess.js - Make Prezi-like presentations with CSS3 transformations/transitions in an HTML document.
bounce.js - Create tasty CSS3 powered animations in no time.
GreenSock-JS - High-performance HTML5 animations that work in all major browsers.
TransitionEnd - TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
Dynamic.js - Javascript library to create physics-based CSS animations.
the-cube - The Cube is an experiment with CSS3 transitions.
Effeckt.css - A Performant Transitions and Animations Library
animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing.
textillate - A simple plugin for CSS3 text animations
move.js - CSS3 backed JavaScript animation framework
animatable - One property, two values, endless possiblities
shuffle-images - The Simplest Way to shuffle through images in a Creative Wayhttp://www.thepetedesign.com/demos/shuffle-images_demo.html
smoothState.js - Unobtrusive page transitions with jQuery. http://smoothstate.com/

Image Processing

lena.js - A Library for image processing with filters and util functions.
pica - High quality image resize (with fast Lanczos filter, implemented in pure JS).
cropper - A simple jQuery image cropping plugin.