遊んでみたjQueryプラグインのリスト



遊んでみたjQueryプラグインとかのリストです。随時追記してます。



## Images




* [lightbox2](https://github.com/lokesh/lightbox2/)

  The original lightbox script, finally on github. [Demo](http://lokeshdhakar.com/projects/lightbox2/)



## Working with Windows



* [Remodal](https://github.com/VodkaBears/Remodal)

  Flat, responsive, lightweight, easy customizable modal window jquery plugin with declarative state notation and hash tracking. [Demo](http://vodkabears.github.io/remodal/)



## Slideshow



* [jquery-backstretch](https://github.com/srobbin/jquery-backstretch)

  Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes. [Demo](http://srobbin.com/jquery-plugins/backstretch/)


* [bxslider-4](https://github.com/stevenwanderski/bxslider-4)

  jQuery custom content slider [Demo](http://bxslider.com)


* [jquery-scrollbox](https://github.com/wmh/jquery-scrollbox)

  A simple, lightweight jQuery plugin to scroll a list like carousel or traditional marquee. [Demo](http://wmh.github.io/jquery-scrollbox/)


* [supersized](https://github.com/buildinternet/supersized)

  Full screen background slideshow plugin for jQuery [Demo](http://www.buildinternet.com/project/supersized/)


* [unslider](https://github.com/idiot/unslider)

  The simplest jQuery slider there is. [Demo](http://unslider.com)


* [carouFredSel](https://github.com/gilbitron/carouFredSel)

  A circular, responsive carousel plugin built using the jQuery. [Demo](http://caroufredsel.dev7studios.com)


* [jQuery-Waterwheel-Carousel](https://github.com/bkosborne/jQuery-Waterwheel-Carousel)

  This jQuery plugin can display images with a cascading "waterwheel" effect [Demo](http://www.bkosborne.com/jquery-waterwheel-carousel)


* [FlexSlider](https://github.com/woothemes/FlexSlider)

  An awesome, fully responsive jQuery slider plugin [Demo](http://www.woothemes.com/flexslider/)



## Layout



* [angular-AnimatedBorderMenus](https://github.com/joakimbeng/angular-AnimatedBorderMenus)

  A tutorial on how to create a off-canvas icon navigation with an animated border effect. NOTE: This version is adapted to AngularJS [Demo](http://tympanus.net/Tutorials/AnimatedBorderMenus/)


* [any list scroller](http://als.musings.it)

  ALS - Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content. [Demo](http://als.musings.it)


* [Ascensor.js](https://github.com/kirkas/Ascensor.js)  

  Public reposity of the ascensor jquery plugin [Demo](http://kirkas.ch/ascensor/)


* [fullPage.js](https://github.com/alvarotrigo/fullPage.js)

  fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple [Demo](http://alvarotrigo.com/fullPage/)


* [jQuery-vGrid-Plugin](https://github.com/xlune/jQuery-vGrid-Plugin)  

  VARIABLE GRID LAYOUT [Demo](http://blog.xlune.com/2009/09/jqueryvgrid.html)


* [jQuery-Parallax](https://github.com/IanLunn/jQuery-Parallax)  

  Used to recreate the Nike Better World parallax effect [Usage and Demo](http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/)


* [jquery-waypoints](https://github.com/imakewebthings/jquery-waypoints)  

  Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element. [Demo](http://imakewebthings.github.com/jquery-waypoints/)


* [jquery.snapscroll](https://github.com/wtm/jquery.snapscroll)  

  Scrolling for single page websites. [Demo](http://wtm.github.com/jquery.snapscroll/)


* [jQuery-One-Page-Nav](http://davist11.github.io/jQuery-One-Page-Nav/)  

  Smooth scrolling and smart navigation when user scrolls on one-page sites. [Demo](http://davist11.github.com/jQuery-One-Page-Nav/)


* [masonry](https://github.com/desandro/masonry)

  Cascading grid layout library [Demo](http://masonry.desandro.com)


* [onepage-scroll](https://github.com/peachananr/onepage-scroll)  

  Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin [Demo](http://www.thepetedesign.com/demos/onepage_scroll_demo.html)


* [scrollr](https://github.com/Prinzhorn/skrollr)  

  Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love). [Demo](http://prinzhorn.github.io/skrollr/)

* [singlejs](https://github.com/rafaelfragosom/singlejs)  

  A jQuery plugin to create single-page websites [Sample Page](http://superherojs.com)


* [turn.js](https://github.com/blasten/turn.js)

  The page flip effect for HTML5 [Demo](http://www.turnjs.com)





## Navigation


* [Awesome Bubble Navigation with jQuery](http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/)  

  create a bubbly navigation with jQuery [Demo](http://tympanus.net/Tutorials/BubbleNavigation/)



## Text Effects



* [text effects in jquery-grab-bag](jquery.text-effects.js)  

  Some fun little text effects [Demo](http://onehackoranother.com/projects/jquery/jquery-grab-bag/text-effects.html)



* [textblur](https://github.com/ottonascarella/TextBlur)

  jQuery Plugin that makes adding Blur Filter to text elements an easy task. [Demo](http://ottonascarella.github.io/textblur/)


* [Matrix Effect Using HTML5 and Javascript](http://www.arungudelli.com/html5/matrix-effect-using-html5-and-javascript/)

  Play Matrix Effects [Demo](http://www.arungudelli.com/Tools/HTML5/MatrixEffectUsingHTML5AndJavaScript.html)


## Presentation



* [impress.js](https://github.com/bartaz/impress.js)  

   It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. [Demo](http://bartaz.github.com/impress.js)

* [reveal.js](https://github.com/hakimel/reveal.js)  

  The HTML Presentation Framework [Demo](http://lab.hakim.se/reveal-js/)



## Responsive Design



* [tappable](https://github.com/cheeaun/tappable)  

  A simple, standalone library to invoke the tap event for touch-friendly web browsers. [Demo](http://cheeaun.github.com/tappable)



## Profile



* [github-cards](https://github.com/lepture/github-cards)  

  The unofficial GitHub Cards. Card for your GitHub profile, card for your GitHub repositories. [Demo](http://lab.lepture.com/github-cards/)


* [prettySocial](https://github.com/sonnyt/prettySocial)  

  Easy Social Buttons [Demo](http://sonnyt.com/prettySocial)



## Sidebar



* [SidebarTransitions](https://github.com/codrops/SidebarTransitions)  

  Some inspiration for transition effects for off-canvas navigations. [Demo](http://tympanus.net/Development/SidebarTransitions/)



## Animation


* [ANIMATED BOOKS WITH CSS 3D TRANSFORMS](http://tympanus.net/codrops/2013/07/11/animated-books-with-css-3d-transforms/)

  A creative way to show interactive books using CSS 3D Transforms. [Demo](http://tympanus.net/Development/AnimatedBooks/)


* [letterfx](https://github.com/tuxsudo/letterfx/)

  A jQuery plugin to apply animated, visual effects to letters, words or other text patterns. [Demo](http://tuxsudo.com/code/project/letterfx)


* [pathAnimator](https://github.com/yairEO/pathAnimator)

  Moves a DOM element along an SVG path (or do whatever along a path...) [Demo](http://dropthebit.com/demos/pathAnimator/index.html)


* [jquery.path](https://github.com/weepy/jquery.path)

  Provides animation along bezier and circular arcs. [Demo](http://weepy.github.io/jquery.path/)


* [forkit.js](https://github.com/hakimel/forkit.js)

  an animated GitHub ribbon [Demo](http://lab.hakim.se/forkit-js/)



## Page Transition


* [animsition](https://github.com/blivesta/animsition/)

  a simple and easy jQuery plugin used to add page transition on css animations. [Demo](http://git.blivesta.com/animsition)


* [Animated Pageswitch Plugin](http://www.fancydesign.de/project.php?type=jquery&id=pageswitch_plugin)

  This lightweight jQuery Pageswitch Plugin allows you to easily add animated page-transitions to your homepage navigation. [Demo](http://www.fancydesign.de/project.php?type=jquery&id=pageswitch_plugin)



## Flat Design



* [Flat-UI](https://github.com/designmodo/Flat-UI)

  Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites. [Demo](http://designmodo.com/flat-free/)


* [Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

  The iconic font and CSS toolkit [Demo](http://fontawesome.io)



## Photoshop/Illustrator



* [generator-assets](https://github.com/adobe-photoshop/generator-assets)  

  Generator Plug-in for Adobe Photoshop CC that helps users export image assets [Functional Spec](https://github.com/adobe-photoshop/generator-assets/wiki/Generate-Web-Assets-Functional-Spec)


* [generator-core](https://github.com/adobe-photoshop/generator-core)  

  Core Node.js library for Adobe Photoshop CC's Generator extensibility layer [setup](https://github.com/adobe-photoshop/generator-core)



## etc



* [zepto](https://github.com/madrobby/zepto)

  Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API [zeptojs.com](http://zeptojs.com)


* [d3-process-map](https://github.com/nylen/d3-process-map)

  Web application to illustrate the relationships between objects in a process using d3.js. [Demo](http://d3js.org)


* [cheet.js](https://github.com/namuol/cheet.js)

  easy easter eggs (konami code, etc) for your website. [Demo](http://namuol.github.io/cheet.js/)


* [endcredits](https://github.com/malkafly/endcredits/)

  Movie end credits for your website! [Demo](http://epichail.com/endcredits/fim.html)


* [Modernizr](https://github.com/Modernizr/Modernizr)

  Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. [Website](http://modernizr.com)