前端插件库【原】 2016-08-21

时间：2016-08-21 08:36:41 阅读：385 评论：0 收藏：0 [点我收藏+]

标签：

自己整理的一些质量还可以的前端插件，各种分类的都有，工作中需要用到插件时可以在下面的列表中查找。

1.幻灯片

Camera a free jQuery slideshow by Pixedelic

http://www.pixedelic.com/plugins/camera/

FlexSlider2 An awesome, fully responsive jQuery slider toolkit

http://flexslider.woothemes.com/

Flickity Touch, responsive, flickable galleries

http://flickity.metafizzy.co/

Owl Carousel2 Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider

http://www.owlcarousel.owlgraphic.com/

PhotoSwipe JavaScript gallery, no dependencies

http://photoswipe.com/

Roundabout a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas

https://github.com/fredleblanc/roundabout

Swiper Mobile touch slider & framework with hardware accelerated transitions

http://www.idangero.us/swiper

http://www.swiper.com.cn/

2.相册

baguetteBox Simple and easy to use lightbox script written in pure JavaScript

https://feimosi.github.io/baguetteBox.js/

Colorbox a jQuery lightbox

http://www.jacklmoore.com/colorb ox/

fancyBox 丰富的弹出层效果插件

http://www.fancybox.net/ v1.3.1

http://www.fancyapps.com/fancybox/ v2.1.5

Lightbox The original lightbox script

http://www.lokeshdhakar.com/projects/lightbox2/

prettyPhoto a jQuery lightbox clone

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

Swipebox A touchable jQuery lightbox

http://brutaldesign.github.io/swipebox/

turn.js Make a flip book with HTML5

http://www.turnjs.com/

3.图片

background-blur Ultra light cross browser image blurring plugin for jQuery

http://msurguy.github.io/background-blur/

Cloud Zoom a super-smooth, touch-enabled jQuery image zoom plugin used on many high profile retail sites

http://www.starplugins.com/cloudzoom

http://download.csdn.net/detail/china_skag/6978965#comment

grayscale “Grayscaling” in non-IE browsers

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

imagesLoaded JavaScript is all like "You images done yet or what?"

http://imagesloaded.desandro.com/

Jcrop the jQuery Image Cropping Plugin

http://deepliquid.com/content/Jcrop.html

LazyLoad

http://www.appelsiini.net/projects/lazyload

4.动画

Animate.css A cross-browser library of CSS animations. As easy to use as an easy thing

http://daneden.github.io/animate.css/

Caption Hover Effects A tutorial on how to create some subtle and modern caption hover effects.

http://tympanus.net/Tutorials/CaptionHoverEffects

CSSShake Some CSS classes to move your DOM!

http://elrumordelaluz.github.io/csshake/

GridLoadingEffects Some inspiration for loading effects of grid items using CSS animations

http://tympanus.net/Development/GridLoadingEffects/

Hover Effect Ideas An inspirational collection of subtle hover effects

http://tympanus.net/Development/HoverEffectIdeas

iHover CSS3 hover effects pack

http://gudh.github.io/ihover/dist/index.html

ImageGridEffects Some inspiration for effects on image grids

http://tympanus.net/Development/ImageGridEffects/

jquery.rotate simple plugin that add css rotate property and animation

http://www.jq22.com/jquery-info375

jquery.transit Some CSS classes to move your DOM!

http://ricostacruz.com/jquery.transit/#top

PerspectivePageViewNavigation Transforms the page in 3D to reveal a menu

http://tympanus.net/Development/PerspectivePageViewNavigation/

ShapeHoverEffectSVG Recreating the effect as seen on The Christmas Experiments

http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index.html

SVGRipples Google Material Design Ripple Effect with SVG

http://tympanus.net/Tutorials/SVGRipples/

Textillate AsimplepluginforCSS3textanimations

https://jschr.github.io/textillate/

TextStylesHoverEffects

http://tympanus.net/Development/TextStylesHoverEffects/

ThumbnailGridEffects show you some inspiration for thumbnail effects using CSS animations

http://tympanus.net/Development/ThumbnailGridAnimations/

5.层

artDialog 经典的网页对话框组件，内外皆用心雕琢

http://demo.jb51.net/js/2011/artDialog/index.html

v4.1.7

http://aui.github.io/artDialog/doc/index.html

v6.0.4

DialogEffects A small collection of dialog effects using CSS animations for your inspiration

http://tympanus.net/Development/DialogEffects/index.html

Fullscreen Overlay Styles & Effects

http://tympanus.net/Development/FullscreenOverlayStyles/

layer 一个让你想到即可做到的web弹窗/层解决方案

http://layer.layui.com/

poshytip

http://vadikom.com/demos/poshytip/

Toolbar A jQuery plugin that creates tooltip style toolbars

http://paulkinzett.github.io/toolbar/

Nifty Modal Window Effects Some inspiration for different modal window appearances

http://tympanus.net/Development/ModalWindowEffects/

6.时间

datetimepicker jQuery Plugin Date and Time Picker

http://xdsoft.net/jqplugins/datetimepicker/

FlipClock

http://www.flipclockjs.com/

jCountdown 倒计时插件

http://codecanyon.net/item/jcountdown-mega-package/full_screen_preview/3443480

layDate 做一款低调的网页日期控件

http://sentsin.com/layui/laydate/

pickadate The mobile-friendly, responsive, and lightweightjQuery date & time input picker

http://amsul.ca/pickadate.js/

7.图表

Highcharts 功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

http://www.hcharts.cn/index.php

ECharts Enterprise Charts

http://echarts.baidu.com/index.html

8.排版

Arctext Curving Text with CSS3 and jQuery

http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/

draggabilly Make that shiz draggable

http://draggabilly.desandro.com/

fullPage One Page Scroll sections Site Plugin

https://github.com/alvarotrigo/fullPage.js

on desktop and mobile device

Masonry a JavaScript grid layout library

http://masonry.desandro.com/

mCustomScrollbar Highly customizable custom scrollbar jQuery plugin

http://manos.malihu.gr/jquery-custom-content-scroller/

pdf.js PDF Reader in JavaScript

https://github.com/mozilla/pdf.js

perfect-scrollbar Minimalistic but perfect custom scrollbar plugin

http://noraesae.github.io/perfect-scrollbar/

9.组件

CreativeButtons Modern and subtle styles & effects for buttons (hover and click)

http://tympanus.net/Development/CreativeButtons/

CreativeLinkEffects Subtle and modern effects for links or menu items

http://tympanus.net/Development/CreativeLinkEffects/

fakeLoader.js a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect

http://joaopereirawd.github.io/fakeLoader.js/

IconHoverEffects Simple hover effects for circular icons

http://tympanus.net/Development/IconHoverEffects/

jPlayer The jQuery HTML5 Audio / Video Library

http://www.jplayer.org/

jquery-knob Nice, downward compatible, touchable, jQuery dial

https://github.com/aterrien/jQuery-Knob

jquery-plugin-circliful jQuery circle statitic plugin

https://github.com/pguso/jquery-plugin-circliful

pace Automatic page load progress bar

http://github.hubspot.com/pace/docs/welcome/

10.上传

html5-file-upload HTML5 File Drag and Drop Upload with jQuery and PHP

http://demo.tutorialzine.com/2011/09/html5-file-upload-jquery-php/

plupload At its core Plupload is visually flat and you can customize it however you like.

http://www.plupload.com/

uploadify HTML5 or Flash Multiple File Upload jQuery Plugin Script

http://www.uploadify.com/

Web Uploader 由Baidu FEX团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件

http://fex.baidu.com/webuploader/

11.数据

JavaScript Cookie A simple, lightweight JavaScript API for handling cookies

https://github.com/js-cookie/js-cookie

form jQuery Form Plugin

https://github.com/malsup/form

jquery-validation jQuery Validation Plugin

http://jqueryvalidation.org/

12.优化

DropKick A JavaScript plugin for creating beautiful, graceful, and painless custom dropdowns

http://dropkickjs.com/

favico.js Make use of your favicon with badges, images or videos

http://lab.ejci.net/favico.js/

Headroom 一个能在页面滚动时做出响应的轻量级、高性能的JS小工具

http://www.bootcss.com/p/headroom.js/

iCheck Super customized checkboxes and radio buttons for jQuery & Zepto

http://fronteed.com/iCheck/

jQuery-menu-aim jQuery plugin to fire events when user‘s cursor aims at particular dropdown menu items

https://rawgit.com/kamens/jQuery-menu-aim/master/example/example.html

jquery-placeholder A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet

https://github.com/mathiasbynens/jquery-placeholder

jquery-smooth-scroll Automatically make same-page links scroll smoothly

https://github.com/kswedberg/jquery-smooth-scroll

13.移动端

FastClick a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers

https://github.com/ftlabs/fastclick

Hammer.js a open-source library that can recognize gestures made by touch, mouse and pointerEvents

http://hammerjs.github.io/

Parallax Parallax Engine that reacts to the orientation of a smart device

http://matthew.wagerfield.com/parallax/

Touch.js baidu clouda event & gesture library

http://touch.code.baidu.com/

14.工具

clipboard.js A modern approach to copy text to clipboard

https://clipboardjs.com/

FileSaver.js An HTML5 saveAs() FileSaver implementation

https://github.com/eligrey/FileSaver.js

highlight.js Syntax highlighting for the Web

https://highlightjs.org/

html2canvas Screenshots with JavaScript

http://html2canvas.hertzen.com/

jquery-hz2py jQuery汉字转拼音

http://www.jq22.com/demo/jquery-pinyin-150416210434/

jsPDF HTML5 PDF Generator

https://parall.ax/products/jspdf

passwordStrength jQuery密码强度检测插件

http://www.helloweba.com/view-blog-50.html

Prism a lightweight, extensible syntax highlighter

http://prismjs.com/

RequireJS JavaScript file and module loader

http://www.requirejs.org/

Sea.js A Module Loader for the Web

http://seajs.org/docs/

ZeroClipboard The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface

http://zeroclipboard.org/

类库

D3 Data-Driven Documents

http://d3js.org/

easing

http://gsgd.co.uk/sandbox/jquery/easing/

Raphael JavaScript Vector Library

http://raphaeljs.com/

Snap The JavaScript SVG library for the modern web

http://snapsvg.io/

three.js Javascript 3D library

http://threejs.org/