├── .gitignore
├── .DS_Store
├── CONTRIBUTING.md
├── LICENSE
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | old/


--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bensomething/webthings/HEAD/.DS_Store


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contribution Guidelines
 2 | 
 3 | To contribute to this repository you first need to **fork it**.
 4 | 
 5 | - **To add or edit items:** submit a pull request.
 6 | - **To remove items:** open an issue.
 7 | 
 8 | ### Inclusion Rules
 9 | 
10 | - Items must be actively maintained.
11 | - Dependencies are to be added as tags.
12 | - Pull requests should include a link to the item and why it should be included.
13 | - If you want to add a new category, open an issue.
14 | 
15 | - - -
16 | 
17 | ## List Formatting
18 | 
19 | Lists follow pretty straightforward formatting.
20 | 
21 | ```
22 | - [**Title**](http://link-to-website.com) - [GitHub](https://gitub.com/link-if-applicable) - `Any` `Relevant` `Tags` - The description.
23 | ```
24 | - [**Title**](http://link-to-website.com) - [GitHub](https://gitub.com/if-applicable) - `Any` `Relevant` `Tags` - The description.
25 | 
26 | ### Formatting Rules
27 | 
28 | - Use dashes to separate different segments of info.
29 | - If something doesn't apply (GitHub link, tags, etc.) you can leave it out.
30 | - Make titles bold to differentiate them from the GitHub links.
31 | - Grab descriptions from GitHub repositories or homepage introductions. The shorter the better.
32 | - Don’t repeat the name of the item in the description.
33 | - Start descriptions with a capital letter and end them with a full stop.
34 | - Double check your speeling and well good grammar.


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | CC0 1.0 Universal
  2 | 
  3 | Statement of Purpose
  4 | 
  5 | The laws of most jurisdictions throughout the world automatically confer
  6 | exclusive Copyright and Related Rights (defined below) upon the creator and
  7 | subsequent owner(s) (each and all, an "owner") of an original work of
  8 | authorship and/or a database (each, a "Work").
  9 | 
 10 | Certain owners wish to permanently relinquish those rights to a Work for the
 11 | purpose of contributing to a commons of creative, cultural and scientific
 12 | works ("Commons") that the public can reliably and without fear of later
 13 | claims of infringement build upon, modify, incorporate in other works, reuse
 14 | and redistribute as freely as possible in any form whatsoever and for any
 15 | purposes, including without limitation commercial purposes. These owners may
 16 | contribute to the Commons to promote the ideal of a free culture and the
 17 | further production of creative, cultural and scientific works, or to gain
 18 | reputation or greater distribution for their Work in part through the use and
 19 | efforts of others.
 20 | 
 21 | For these and/or other purposes and motivations, and without any expectation
 22 | of additional consideration or compensation, the person associating CC0 with a
 23 | Work (the "Affirmer"), to the extent that he or she is an owner of Copyright
 24 | and Related Rights in the Work, voluntarily elects to apply CC0 to the Work
 25 | and publicly distribute the Work under its terms, with knowledge of his or her
 26 | Copyright and Related Rights in the Work and the meaning and intended legal
 27 | effect of CC0 on those rights.
 28 | 
 29 | 1. Copyright and Related Rights. A Work made available under CC0 may be
 30 | protected by copyright and related or neighboring rights ("Copyright and
 31 | Related Rights"). Copyright and Related Rights include, but are not limited
 32 | to, the following:
 33 | 
 34 |   i. the right to reproduce, adapt, distribute, perform, display, communicate,
 35 |   and translate a Work;
 36 | 
 37 |   ii. moral rights retained by the original author(s) and/or performer(s);
 38 | 
 39 |   iii. publicity and privacy rights pertaining to a person's image or likeness
 40 |   depicted in a Work;
 41 | 
 42 |   iv. rights protecting against unfair competition in regards to a Work,
 43 |   subject to the limitations in paragraph 4(a), below;
 44 | 
 45 |   v. rights protecting the extraction, dissemination, use and reuse of data in
 46 |   a Work;
 47 | 
 48 |   vi. database rights (such as those arising under Directive 96/9/EC of the
 49 |   European Parliament and of the Council of 11 March 1996 on the legal
 50 |   protection of databases, and under any national implementation thereof,
 51 |   including any amended or successor version of such directive); and
 52 | 
 53 |   vii. other similar, equivalent or corresponding rights throughout the world
 54 |   based on applicable law or treaty, and any national implementations thereof.
 55 | 
 56 | 2. Waiver. To the greatest extent permitted by, but not in contravention of,
 57 | applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
 58 | unconditionally waives, abandons, and surrenders all of Affirmer's Copyright
 59 | and Related Rights and associated claims and causes of action, whether now
 60 | known or unknown (including existing as well as future claims and causes of
 61 | action), in the Work (i) in all territories worldwide, (ii) for the maximum
 62 | duration provided by applicable law or treaty (including future time
 63 | extensions), (iii) in any current or future medium and for any number of
 64 | copies, and (iv) for any purpose whatsoever, including without limitation
 65 | commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes
 66 | the Waiver for the benefit of each member of the public at large and to the
 67 | detriment of Affirmer's heirs and successors, fully intending that such Waiver
 68 | shall not be subject to revocation, rescission, cancellation, termination, or
 69 | any other legal or equitable action to disrupt the quiet enjoyment of the Work
 70 | by the public as contemplated by Affirmer's express Statement of Purpose.
 71 | 
 72 | 3. Public License Fallback. Should any part of the Waiver for any reason be
 73 | judged legally invalid or ineffective under applicable law, then the Waiver
 74 | shall be preserved to the maximum extent permitted taking into account
 75 | Affirmer's express Statement of Purpose. In addition, to the extent the Waiver
 76 | is so judged Affirmer hereby grants to each affected person a royalty-free,
 77 | non transferable, non sublicensable, non exclusive, irrevocable and
 78 | unconditional license to exercise Affirmer's Copyright and Related Rights in
 79 | the Work (i) in all territories worldwide, (ii) for the maximum duration
 80 | provided by applicable law or treaty (including future time extensions), (iii)
 81 | in any current or future medium and for any number of copies, and (iv) for any
 82 | purpose whatsoever, including without limitation commercial, advertising or
 83 | promotional purposes (the "License"). The License shall be deemed effective as
 84 | of the date CC0 was applied by Affirmer to the Work. Should any part of the
 85 | License for any reason be judged legally invalid or ineffective under
 86 | applicable law, such partial invalidity or ineffectiveness shall not
 87 | invalidate the remainder of the License, and in such case Affirmer hereby
 88 | affirms that he or she will not (i) exercise any of his or her remaining
 89 | Copyright and Related Rights in the Work or (ii) assert any associated claims
 90 | and causes of action with respect to the Work, in either case contrary to
 91 | Affirmer's express Statement of Purpose.
 92 | 
 93 | 4. Limitations and Disclaimers.
 94 | 
 95 |   a. No trademark or patent rights held by Affirmer are waived, abandoned,
 96 |   surrendered, licensed or otherwise affected by this document.
 97 | 
 98 |   b. Affirmer offers the Work as-is and makes no representations or warranties
 99 |   of any kind concerning the Work, express, implied, statutory or otherwise,
100 |   including without limitation warranties of title, merchantability, fitness
101 |   for a particular purpose, non infringement, or the absence of latent or
102 |   other defects, accuracy, or the present or absence of errors, whether or not
103 |   discoverable, all to the greatest extent permissible under applicable law.
104 | 
105 |   c. Affirmer disclaims responsibility for clearing rights of other persons
106 |   that may apply to the Work or any use thereof, including without limitation
107 |   any person's Copyright and Related Rights in the Work. Further, Affirmer
108 |   disclaims responsibility for obtaining any necessary consents, permissions
109 |   or other rights required for any use of the Work.
110 | 
111 |   d. Affirmer understands and acknowledges that Creative Commons is not a
112 |   party to this document and has no duty or obligation with respect to this
113 |   CC0 or use of the Work.
114 | 
115 | For more information, please see
116 | <http://creativecommons.org/publicdomain/zero/1.0/>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # The Things
  2 | 
  3 | A collection of all things web, because my memory sucks and so does yours. You're more than welcome to contribute, just head on over to the [contribution guidelines](CONTRIBUTING.md) for details.
  4 | 
  5 | ---
  6 | 
  7 | ## [Front-end](#front-end-1)
  8 | 
  9 | - [Interface Frameworks](#interface-frameworks)
 10 | - [JavaScript Frameworks](#javascript-frameworks)
 11 | - [Navigation](#navigation)
 12 | - [Sliders](#sliders)
 13 | - [Lightboxes](#lightboxes)
 14 | - [Modals](#modals)
 15 | - [Tooltips](#tooltips)
 16 | - [Audio and Video](#audio-and-video)
 17 | - [2D and 3D](#2d-and-3d)
 18 | - [Animation](#animation)
 19 | - [Data](#data)
 20 | - [Forms](#forms)
 21 | - [Search](#search)
 22 | - [Tables](#tables)
 23 | - [Layout](#layout)
 24 | - [Drag and Drop](#drag-and-drop)
 25 | - [Syntax Highlighting](#syntax-highlighting)
 26 | - [Typography](#typography)
 27 | 
 28 | ---
 29 | 
 30 | ## [Development](#development-1)
 31 | 
 32 | - [Editors](#editors)
 33 | - [Version Control](#version-control)
 34 | - [Local Dev](#local-dev)
 35 | - [Build Systems](#build-systems)
 36 | - [Loaders](#loaders)
 37 | - [Browser and Email Testing](#browser-and-email-testing)
 38 | - [Deployment](#deployment)
 39 | - [Optimisation and Analytics](#optimisation-and-analytics)
 40 | 
 41 | ---
 42 | 
 43 | ## [Domains and Hosting](#domains-and-hosting-1)
 44 | 
 45 | - [Search and Registration](#search-and-registration)
 46 | - [Certificates](#certificates)
 47 | - [Hosting](#hosting)
 48 | - [Server Management](#server-management)
 49 | - [Assets and CDN](#assets-and-cdn)
 50 | - [Email](#email)
 51 | 
 52 | ---
 53 | 
 54 | ## [Content](#content-1)
 55 | 
 56 | - [Content Management](#content-management)
 57 | - [Commerce](#commerce)
 58 | - [Email Campaigns](#email-campaigns)
 59 | - [Documentation](#documentation)
 60 | 
 61 | ---
 62 | ---
 63 | 
 64 | # Front-end
 65 | 
 66 | ## Interface Frameworks
 67 | 
 68 | - [**Bootstrap**](http://getbootstrap.com) - [GitHub](https://github.com/twbs/bootstrap) - `UI` - An open source toolkit for developing with HTML, CSS, and JS.
 69 | - [**Bulma**](https://bulma.io) - [GitHub](https://github.com/jgthms/bulma) - `UI` - An open source CSS framework based on Flexbox.
 70 | - [**Flexbox Grid**](http://flexboxgrid.com) - [GitHub](https://github.com/kristoferjoseph/flexboxgrid) - `Grid` - A grid system based on the `flex` display property.
 71 | - [**Foundation**](https://foundation.zurb.com/) - [GitHub](https://github.com/zurb/foundation-sites) - `UI` - The most advanced responsive front-end framework in the world.
 72 | - [**Kube**](https://foundation.zurb.com/) - [GitHub](https://github.com/zurb/foundation-sites) - `UI` - A web framework for professional developers and designers alike.
 73 | - [**Semantic UI**](https://semantic-ui.com/) - [GitHub](https://github.com/semantic-org/semantic-ui) - `UI` - Helps create responsive layouts using human-friendly HTML.
 74 | - [**Tachyons**](http://tachyons.io/) - [GitHub](https://github.com/tachyons-css/tachyons) - `CSS` - Create readable and responsive interfaces with as little CSS as possible.
 75 | - [**Tailwind**](https://tailwindcss.com/) - [GitHub](https://github.com/tailwindcss/tailwindcss) - `CSS` - A utility-first CSS framework for rapid UI development.
 76 | - [**UIkit**](https://getuikit.com/) - [GitHub](https://github.com/uikit/uikit) - `UI` - A lightweight and modular front-end framework for developing web interfaces.
 77 | 
 78 | 
 79 | ---
 80 | 
 81 | ## JavaScript Frameworks
 82 | 
 83 | - [**Angular**](https://angular.io/) - [GitHub](https://github.com/angular/angular) - Reuse your code and abilities to build apps for any deployment target.
 84 | - [**Ember**](https://emberjs.com/) - [GitHub](https://github.com/emberjs/ember.js) - A framework for ambitious web developers.
 85 | - [**Meteor**](https://www.meteor.com/) - [GitHub](https://github.com/meteor/meteor) - An open source platform for web, mobile, and desktop.
 86 | - [**React**](https://reactjs.org/) - [GitHub](https://github.com/facebook/react) - A declarative, efficient, and flexible JavaScript library for building user interfaces.
 87 | - [**Stimulus**](https://stimulusjs.org/) - [GitHub](https://github.com/stimulusjs/stimulus) - A modest JavaScript framework for the HTML you already have.
 88 | - [**Vue**](https://vuejs.org/) - [GitHub](https://github.com/vuejs/vue) - A progressive, incrementally-adoptable JS framework for building UI on the web.
 89 | 
 90 | ---
 91 | 
 92 | ## Navigation
 93 | 
 94 | - [**bigSlide**](http://ascott1.github.io/bigSlide.js) - [GitHub](https://github.com/ascott1/bigSlide.js) - `jQuery` - A tiny slide panel navigation jQuery plugin with big dreams.
 95 | - [**Canvi**](https://pineco.de/project/canvi-off-canvas-navigation) - [GitHub](https://github.com/thepinecode/canvi) - A simple vanilla JavaScript off-canvas menu.
 96 | - [**MenuSpy**](http://leocs.me/menuspy) - [GitHub](https://github.com/lcdsantos/menuspy) - A library to make navigation menus highlight items based on current section.
 97 | - [**mmenu**](http://mmenu.frebsite.nl) - [GitHub](https://github.com/FrDH/jQuery.mmenu) - `jQuery` - A plugin for app look-alike on- and off-canvas menus.
 98 | - [**PriorityNav**](http://gijsroge.github.io/priority-nav.js) - [GitHub](https://github.com/gijsroge/priority-navigation) - Javascript implementation for Priority+ Navigation.
 99 | - [**Pushy**](https://chrisyee.ca/pushy) - [GitHub](https://github.com/christophery/pushy) - `jQuery` - A responsive off-canvas navigation menu.
100 | - [**SlickNav**](http://slicknav.io) - [GitHub](https://github.com/ComputerWolf/SlickNav) - `jQuery` - Responsive mobile menu plugin for jQuery.
101 | - [**Slideout**](http://slideout.js.org) - [GitHub](https://github.com/Mango/slideout) - A touch slideout navigation menu for your mobile web apps.
102 | - [**Tocbot**](http://tscanlin.github.io/tocbot) - [GitHub](https://github.com/tscanlin/tocbot) - Build a table of contents from headings in an HTML document.
103 | 
104 | 
105 | ---
106 | 
107 | ## Sliders
108 | 
109 | - **basicSlider** - [GitHub](https://github.com/electerious/basicSlider) - A slider in its purest form.
110 | - [**Flickity**](http://flickity.metafizzy.co) - [GitHub](https://github.com/metafizzy/flickity) - Touch, responsive, flickable carousels.
111 | - [**Glide.js**](http://glidejs.com) - [GitHub](https://github.com/glidejs/glide) - A dependency-free JavaScript ES6 slider and carousel.
112 | - [**Lory**](http://meandmax.github.io/lory/) - [GitHub](https://github.com/meandmax/lory) - Touch enabled minimalistic slider written in vanilla JavaScript.
113 | - [**Owl**](http://owlcarousel2.github.io/OwlCarousel2/) - [GitHub](https://github.com/OwlCarousel2/OwlCarousel2) - `jQuery` - Touch enabled jQuery plugin that lets you create a responsive carousel slider.
114 | - [**Siema**](https://pawelgrzybek.github.io/siema/) - [GitHub](https://github.com/pawelgrzybek/siema) - Lightweight and simple carousel in pure JavaScript.
115 | - [**Slick**](http://kenwheeler.github.io/slick/) - [GitHub](https://github.com/kenwheeler/slick) - `jQuery` - The last carousel you'll ever need.
116 | - [**Swiper**](http://idangero.us/swiper/) - [GitHub](https://github.com/nolimits4web/swiper) - Most modern mobile touch slider with hardware accelerated transitions.
117 | - [**Tiny Slider**](http://ganlanyuan.github.io/tiny-slider) - [GitHub](https://github.com/ganlanyuan/tiny-slider) - Vanilla javascript slider for all purposes.
118 | - [**Wallop**](http://pedroduarte.me/wallop) - [GitHub](https://github.com/peduarte/wallop) - A minimal JS library for showing and hiding things.
119 | 
120 | ---
121 | 
122 | ## Lightboxes
123 | 
124 | - [**baguetteBox.js**](https://feimosi.github.io/baguetteBox.js) - [GitHub](https://github.com/feimosi/baguetteBox.js) - Simple and easy to use lightbox script written in pure JavaScript.
125 | - [**basicLightbox**](http://basiclightbox.electerious.com) - [GitHub](https://github.com/electerious/basicLightbox) - The lightest lightbox ever made.
126 | - [**Chocolat.js**](http://chocolat.insipi.de) - [GitHub](https://github.com/nicolas-t/Chocolat) - `jQuery` - The lightbox so cool horses use it.
127 | - [**fancyBox**](http://fancyapps.com/fancybox/3) - [GitHub](https://github.com/fancyapps/fancybox) - `jQuery` - JavaScript lightbox library for presenting various types of media.
128 | - [**Lightgallery**](http://sachinchoolur.github.io/lightgallery.js) - [GitHub](https://github.com/sachinchoolur/lightgallery.js) - Full featured JavaScript image and video gallery.
129 | - [**Lity**](http://sorgalla.com/lity) - [GitHub](https://github.com/jsor/lity) - `jQuery` `Zepto` - Lightweight, accessible and responsive lightbox.
130 | - [**Luminous**](https://imgix.github.io/luminous) - [GitHub](https://github.com/imgix/luminous) - A simple, lightweight, no-dependencies JavaScript lightbox.
131 | - [**Magnific Popup**](http://dimsemenov.com/plugins/magnific-popup) - [GitHub](https://github.com/dimsemenov/Magnific-Popup) - `jQuery` `Zepto` - A lightbox script with focus on performance.
132 | - [**Medium Zoom**](https://medium-zoom.francoischalifour.com/) - [GitHub](https://github.com/francoischalifour/medium-zoom) - Medium zoom on your images in vanilla JavaScript.
133 | - [**PhotoSwipe**](http://photoswipe.com) - [GitHub](https://github.com/dimsemenov/photoswipe) - A modular and framework independent image gallery for mobile and desktop.
134 | - [**slick-lightbox**](http://mreq.github.io/slick-lightbox) - [GitHub](https://github.com/mreq/slick-lightbox) - `jQuery` `Slick` - A lightbox wrapper for Ken's amazing Slick carousel.
135 | 
136 | ---
137 | 
138 | ## Modals
139 | 
140 | - [**basicModal**](http://basicmodal.electerious.com) - [GitHub](https://github.com/electerious/basicModal) - Easy-to-use dialog system for modern web-apps.
141 | - [**Micromodal**](http://micromodal.now.sh) - [GitHub](https://github.com/Ghosh/micromodal) - Tiny javascript library for creating accessible modal dialogs.
142 | - [**SweetAlert**](http://sweetalert.js.org) - [GitHub](https://github.com/t4t5/sweetalert) - A beautiful replacement for JavaScript's alert.
143 | 
144 | ---
145 | 
146 | ## Tooltips
147 | 
148 | - [**Popper**](http://popper.js.org) - [GitHub](https://github.com/FezVrasta/popper.js) - A library used to position poppers in web applications.
149 | - [**Tippy**](http://atomiks.github.io/tippyjs) - [GitHub](https://github.com/atomiks/tippyjs) - A highly customizable vanilla JS tooltip/popover library powered by Popper.js.
150 | 
151 | ---
152 | 
153 | ## Audio and Video
154 | 
155 | - [**Audio5js**](http://zohararad.github.io/audio5js) - [GitHub](https://github.com/zohararad/audio5js) - `Audio` - The HTML5 audio compatibility layer.
156 | - [**Howler**](http://howlerjs.com) - [GitHub](https://github.com/goldfire/howler.js) - `Audio` - Javascript audio library for the modern web.
157 | - [**MediaElement**](http://mediaelementjs.com) - [GitHub](https://github.com/mediaelement/mediaelement) - `Audio` `Video` - HTML5 `<audio>` or `<video>` player
158 | - [**Plyr**](http://plyr.io) - [GitHub](https://github.com/sampotts/plyr) - `Video` - A simple HTML5, YouTube and Vimeo player.
159 | - [**Soundcite**](http://soundcite.com) - [GitHub](https://github.com/NUKnightLab/soundcite) - `Audio` - Making inline audio easy and seamless.
160 | - [**SoundJS**](https://createjs.com/soundjs) - [GitHub](https://github.com/CreateJS/SoundJS) - `Audio` - A JavaScript library for working with audio.
161 | - [**Video.js**](http://videojs.com) - [GitHub](https://github.com/videojs/video.js) - `Video` - Open source HTML5 and Flash video player.
162 | 
163 | ---
164 | 
165 | ## 2D and 3D
166 | 
167 | - [**Babylon**](http://babylonjs.com) - [GitHub](https://github.com/BabylonJS/Babylon.js) - `3D` - A JavaScript framework for building 3D games with HTML 5 and WebGL.
168 | - [**Cannon.js**](http://cannonjs.org) - [GitHub](https://github.com/schteppe/cannon.js) - `3D` - A lightweight 3D physics engine written in JavaScript.
169 | - [**EaselJS**](https://createjs.com/easeljs) - [GitHub](https://github.com/CreateJS/EaselJS) - `2D` - A JavaScript library that makes working with the HTML5 Canvas element easy.
170 | - [**Paper.js**](http://paperjs.org) - [GitHub](https://github.com/paperjs/paper.js) - `2D` - The Swiss Army Knife of vector graphics scripting.
171 | - [**SceneJS**](http://scenejs.org) - [GitHub](https://github.com/xeolabs/scenejs) - `3D` - An extensible WebGL-based engine for high-detail 3D visualisation.
172 | - [**Sketchfab**](http://sketchfab.com) - `3D` - Publish, share, and discover 3D content on web, mobile, AR, and VR.
173 | - [**three.js**](http://threejs.org) - [GitHub](https://github.com/mrdoob/three.js) - `3D` - JavaScript 3D library.
174 | 
175 | ---
176 | 
177 | ## Animation
178 | 
179 | - [**Animate on Scroll**](https://michalsnik.github.io/aos/) - [GitHub](https://github.com/michalsnik/aos) - Small library to animate elements on your page as you scroll.
180 | - **Animate Plus** - [GitHub](https://github.com/bendc/animateplus) - A+ animation module for the modern web.
181 | - [**Animate.css**](http://daneden.github.io/animate.css) - [GitHub](https://github.com/daneden/animate.css) - A cross-browser library of CSS animations.
182 | - [**Anime**](http://animejs.com) | [GitHub](https://github.com/juliangarnier/anime) - A lightweight JavaScript animation library.
183 | - [**GreenSock**](http://greensock.com/gsap) - The new standard for HTML5 and javascript animation.
184 | - [**Hover.css**](http://ianlunn.github.io/Hover) - [GitHub](https://github.com/IanLunn/Hover) - A collection of CSS3 powered hover effects.
185 | - [**Lottie**](http://airbnb.design/lottie) - [GitHub](https://github.com/airbnb/lottie-web) - Render After Effects animations natively on the web.
186 | - [**Magic Animations**](http://minimamente.com/example/magic_animations) - [GitHub](https://github.com/miniMAC/magic) - `jQuery` - CSS3 animations with special effects.
187 | - [**Matter**](http://brm.io/matter-js) - [GitHub](https://github.com/liabru/matter-js) - A 2D rigid body physics engine for the web.
188 | - [**Mo**](http://mojs.io) - [GitHub](https://github.com/legomushroom/mojs) - Motion graphics tool belt for the web.
189 | - [**PixiJS**](http://pixijs.com) - [GitHub](https://github.com/pixijs/pixi.js) - Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
190 | - [**Rebound**](http://facebook.github.io/rebound-js/examples) - [GitHub](https://github.com/facebook/rebound-js) - A simple library that models spring dynamics for driving physical animations.
191 | - [**Rekapi**](http://jeremyckahn.github.io/rekapi/doc/index.html) - [GitHub](https://github.com/jeremyckahn/rekapi) - A keyframe animation library for JavaScript.
192 | - **Tween** - [GitHub](https://github.com/tweenjs/tween.js) - JavaScript tweening engine for easy animations.
193 | - [**TweenJS**](https://createjs.com/tweenjs) - [GitHub](https://github.com/CreateJS/TweenJS) - A library for tweening and animating HTML5 and JavaScript properties.
194 | - [**Velocity.js**](http://) - [GitHub](https://github.com/julianshapiro/velocity) - `jQuery` - Accelerated JavaScript animation.
195 | 
196 | ---
197 | 
198 | ## Data
199 | 
200 | - [**Billboard.js**](http://naver.github.io/billboard.js) - [GitHub](https://github.com/naver/billboard.js) - `D3.js` - Re-usable, easy interface JavaScript chart library based on D3.js.
201 | - [**Chart.js**](http://chartjs.org) - [GitHub](https://github.com/chartjs/Chart.js) - Simple HTML5 Charts using the `<canvas>` tag.
202 | - [**D3.js**](http://d3js.org) - [GitHub](https://github.com/d3/d3) - Bring data to life with SVG, Canvas and HTML.
203 | - [**Google Charts**](http://developers.google.com/chart) - Display live data on your site.
204 | - [**p5.js**](http://p5js.org) - [GitHub](https://github.com/processing/p5.js) - A JS library based on the core principles of Processing.
205 | 
206 | ---
207 | 
208 | ## Forms
209 | 
210 | - [**Chosen**](http://harvesthq.github.io/chosen) - [GitHub](https://github.com/harvesthq/chosen) - `Fields` `jQuery` - A library for making long, unwieldy select boxes more friendly.
211 | - [**FieldKit**](http://square.github.io/field-kit) - [GitHub](https://github.com/square/field-kit) - `Fields` - Provides real-time, text field formatting as users type.
212 | - [**Garlic**](http://garlicjs.org) - [GitHub](https://github.com/guillaumepotier/garlic.js) - `Validation` `jQuery` - Automatically persist your forms' text and select field values locally.
213 | - [**Hyperform**](http://hyperform.js.org) - [GitHub](https://github.com/hyperform/hyperform) - `Validation` - Capture form validation back from the browser.
214 | - [**Parsley**](http://parsleyjs.org) - [GitHub](https://github.com/guillaumepotier/Parsley.js) - `Validation` `jQuery` - JavaScript form validation without actually writing a single line of JS.
215 | - [**Selectize**](http://selectize.github.io/selectize.js) - [GitHub](https://github.com/selectize/selectize.js) - `Fields` `jQuery` - An extensible jQuery-based custom `<select>` UI control.
216 | - [**Stripe Elements**](http://stripe.github.io/elements-examples) - [GitHub](https://github.com/stripe/elements-examples) - `Fields` `Stripe` - Examples of stylish forms that use Stripe Elements.
217 | 
218 | ---
219 | 
220 | ## Search
221 | 
222 | - [**Algolia**](http://algolia.com) - The most reliable platform for building search into your business.
223 | - [**Elasticsearch**](http://elastic.co/products/elasticsearch) - A distributed, RESTful search and analytics engine.
224 | - [**Swiftype**](http://swiftype.com) - A fast, flexible search solution that helps you surface your website’s most relevant content.
225 | 
226 | ---
227 | 
228 | ## Tables
229 | 
230 | - [**DataTables**](http://datatables.net) - `jQuery` - Add advanced interaction controls to your HTML tables.
231 | - [**Tablesaw**](http://filamentgroup.github.io/tablesaw/demo/kitchensink.html) - [GitHub](https://github.com/filamentgroup/tablesaw) - A group of plugins for responsive tables.
232 | 
233 | ---
234 | 
235 | ## Layout
236 | 
237 | - [**Bricks**](http://callmecavs.com/bricks.js/) - [GitHub](https://github.com/callmecavs/bricks.js) - A blazing fast masonry layout generator for fixed width elements.
238 | - [**Isotope**](https://isotope.metafizzy.co/) - [GitHub](https://github.com/metafizzy/isotope) - Filter and sort magical layouts.
239 | - [**Macy.js**](http://macyjs.com/) - [GitHub](https://github.com/bigbitecreative/macy.js) - A lightweight, dependency-free, masonry layout library.
240 | - [**Masonry**](https://masonry.desandro.com/) - [GitHub](https://github.com/desandro/masonry) - Cascading grid layout plugin.
241 | - [**Packery**](https://packery.metafizzy.co/) - [GitHub](https://github.com/metafizzy/packery) - Gapless, draggable grid layouts.
242 | - [**Shuffle**](https://vestride.github.io/Shuffle/) - [GitHub](https://github.com/Vestride/Shuffle) - Categorize, sort, and filter a responsive grid of items.
243 | 
244 | 
245 | ---
246 | 
247 | ## Drag and Drop
248 | 
249 | - [**GreenSock Draggable**](http://greensock.com/draggable) - A surprisingly simple way to make virtually any DOM element draggable.
250 | - [**Shopify Draggable**](http://shopify.github.io/draggable) - [GitHub](https://github.com/Shopify/draggable) - The drag and drop library your grandparents warned you about.
251 | 
252 | ---
253 | 
254 | ## Syntax Highlighting
255 | 
256 | - [**Highlight.js**](https://highlightjs.org) - [GitHub](https://github.com/isagalaev/highlight.js) - A syntax highlighter written in JavaScript.
257 | - [**Prism**](http://prismjs.com) - [GitHub](https://github.com/PrismJS/prism) - Lightweight, robust, elegant syntax highlighting.
258 | - [**Rainbow**](http://rainbowco.de/) - [GitHub](https://github.com/ccampbell/rainbow) - Simple syntax highlighting library written in JavaScript
259 | 
260 | 
261 | ---
262 | 
263 | ## Typography
264 | 
265 | - **Charming** - [GitHub](https://github.com/yuanqing/charming) - `Manipulation` - Lettering.js in vanilla JavaScript.
266 | - [**cloud.typography**](http://typography.com/cloud) - `Web Fonts` - The webfont solution for design professionals.
267 | - [**FitText**](http://fittextjs.com) - [GitHub](https://github.com/adactio/FitText.js) - `Manipulation` - Github: a standalone version of the FitText.js jQuery plugin.
268 | - [**Google Fonts**](http://fonts.google.com) - `Web Fonts` - Making the web more beautiful, fast, and open through great typography.
269 | - [**Typed.js**](http://mattboldt.com/typed.js) - [GitHub](https://github.com/mattboldt/typed.js) - `Manipulation` - A JavaScript typing animation library.
270 | - [**Typekit**](http://typekit.com) - `Web Fonts` - Brings thousands of fonts into one library for subscription or purchase.
271 | 
272 | ---
273 | ---
274 | 
275 | # Development
276 | 
277 | ## Editors
278 | 
279 | - [**Atom**](http://atom.io) - [GitHub](https://github.com/atom/atom) - A hackable text editor for the 21st Century.
280 | - [**Brackets**](http://brackets.io) - [GitHub](https://github.com/adobe/brackets) - An open source code editor for the web, written in JavaScript, HTML and CSS.
281 | - [**Coda**](http://panic.com/coda) - Everything you need to hand-code a website, in one app.
282 | - [**Espresso**](http://espressoapp.com) - A powerful text editor to edit your code, in a workspace that fits your workflow.
283 | - [**PhpStorm**](http://jetbrains.com/phpstorm) - Lightning-smart PHP IDE.
284 | - [**Sublime Text**](http://sublimetext.com) - A sophisticated text editor for code, markup and prose.
285 | - [**Visual Studio Code**](http://visualstudio.com) - [GitHub](https://github.com/Microsoft/vscode) - A lightweight but powerful source code editor.
286 | - [**WebStorm**](http://jetbrains.com/webstorm) - Powerful IDE for modern JavaScript development.
287 | 
288 | ---
289 | 
290 | ## Version Control
291 | 
292 | - [**Beanstalk**](https://beanstalkapp.com/) - `Repositories` - A complete workflow to write, review and deploy code.
293 | - [**BitBucket**](https://bitbucket.org/) - `Repositories` - Distributed version control that makes it easy for you to collaborate with your team.
294 | - [**GitHub**](https://github.com) - `Repositories` A development platform to host and review code, manage projects, and build software.
295 | - [**GitHub Desktop**](https://desktop.github.com/) - [GitHub](https://github.com/desktop/desktop) - `App` - Simple collaboration from your desktop.
296 | - [**GitKraken**](https://www.gitkraken.com/) - `App` - The legendary Git GUI client.
297 | - [**GitLab**](https://about.gitlab.com/) - `Repositories` - Built from the ground up for all stages of the DevOps lifecycle.
298 | - [**Sourcetree**](https://www.sourcetreeapp.com/) - `App` - Simplicity and power in a beautiful Git GUI.
299 | - [**Tower**](https://www.git-tower.com/) - `App` - Version control with Git - made easy.
300 | 
301 | ---
302 | 
303 | ## Local Dev
304 | 
305 | - [**Docker**](https://www.docker.com/) - The world's leading software containerisation platform.
306 | - [**Homestead**](https://laravel.com/docs/5.6/homestead) - A pre-packaged Vagrant box that provides you a wonderful development environment.
307 | - [**MAMP**](https://www.mamp.info/) - Installs a local server environment on your Mac or Windows computer.
308 | - [**Valet**](https://laravel.com/docs/5.6/valet) - A Laravel development environment for Mac minimalists.
309 | 
310 | ---
311 | 
312 | ## Build Systems
313 | 
314 | - [**Grunt**](https://gruntjs.com/) - [GitHub](https://github.com/gruntjs/grunt) - The JavaScript task runner.
315 | - [**Gulp**](https://gulpjs.com/) - [GitHub](https://github.com/gulpjs/gulp) - A toolkit for automating time-consuming tasks in your development workflow.
316 | - [**Laravel Mix**](https://laravel.com/docs/5.6/mix) - [GitHub](https://github.com/JeffreyWay/laravel-mix) - Provides an API for defining Webpack build steps for your Laravel application.
317 | - [**Neutrino**](https://neutrino.js.org/) - [GitHub](https://github.com/mozilla-neutrino/neutrino-dev) - Build web and Node.js applications with shared presets or configurations.
318 | - [**Webpack**](https://webpack.js.org/) - [GitHub](https://github.com/webpack/webpack) - A static module bundler for modern JavaScript applications.
319 | 
320 | ---
321 | 
322 | ## Loaders
323 | 
324 | - [**Font Face Observer**](http://fontfaceobserver.com) - [GitHub](https://github.com/bramstein/fontfaceobserver) - A fast and simple web font loader. 
325 | - **loadCSS** - [GitHub](https://github.com/filamentgroup/loadCSS) - A function for loading CSS asynchronously.
326 | - **loadJS** - [GitHub](https://github.com/muicss/loadjs) - A tiny async loader/dependency manager for modern browsers.
327 | 
328 | 
329 | ---
330 | 
331 | ## Browser and Email Testing
332 | 
333 | - [**Browserling**](http://browserling.com) - `Web` - Live interactive cross-browser testing.
334 | - [**BrowserStack**](http://browserstack.com) - `Web` - Instant access to all real mobile and desktop browsers.
335 | - [**Can I Use**](http://caniuse.com) - `Web` - Provides browser support tables for front-end web technologies. 
336 | - [**CrossBrowserTesting**](http://crossbrowsertesting.com) - `Web` - Make every web experience perfect, on any browser or mobile device.
337 | - [**Litmus**](http://litmus.com) - `Email` - Build, edit, and instantly preview your emails across 90+ clients.
338 | - [**Solis**](http://solisapp.com) - `Web` `App` - A live design output that integrates seamlessly with your favourite code editor.
339 | - [**Support Details**](http://supportdetails.net) - `Web` - Browser capability and operating system information.
340 | 
341 | ---
342 | 
343 | ## Deployment
344 | 
345 | - [**Beanstalk**](http://http://beanstalkapp.com) - A complete workflow to write, review & deploy code.
346 | - [**Buddy**](http://buddy.works) - A working website for every branch with deployment automation to production.
347 | - [**Conveyor**](http://conveyor.com) - A task-based Git workflow for web agencies.
348 | - [**DeployBot**](http://deploybot.com) - Instantly build and ship code anywhere in one consistent process for your entire team.
349 | - [**DeployHQ**](http://deployhq.com) - Deploy from your repository to your server in minutes.
350 | - [**Envoyer**](http://envoyer.io) - Deployments you've only dreamed about. Zero downtime. Zero fuss.
351 | - [**F-Bar**](https://laravel-forge-menubar.com/) - Manage your [Laravel Forge](http://forge.laravel.com) servers from your menubar.
352 | - [**Forge**](http://forge.laravel.com) - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.
353 | - [**Nanobox**](https://nanobox.io) - The simplest way to deploy and manage a flexible cloud infrastructure.
354 | 
355 | 
356 | ---
357 | 
358 | ## Optimisation and Analytics
359 | 
360 | - [**Ahrefs**](https://ahrefs.com) - Tools to grow your search traffic and research your competitors.
361 | - [**CSS Stats**](https://cssstats.com/) - [GitHub](https://github.com/cssstats/cssstats) - Webapp to visualize various stats about your css.
362 | - [**DNSstuff**](http://www.dnsstuff.com/tools) - Tools to help you find and solve problems with your email, DNS and connectivity.
363 | - [**Fathom**](https://usefathom.com/) - `Unreleased` - Simple, trustworthy website analytics
364 | - [**Google Analytics**](https://analytics.google.com) - Measure website, app, digital and offline data to gain customer insights.
365 | - [**GTmetrix**](https://gtmetrix.com/) - Insights on site loading and actionable recommendations on how to optimize it.
366 | - [**Lighthouse**](https://developers.google.com/web/tools/lighthouse/) - An automated tool for improving the quality of web pages.
367 | - [**New Relic**](https://newrelic.com/) - Get the real-time insights that your software-driven business needs to innovate faster.
368 | - [**PageSpeed Insights**](https://developers.google.com/speed/pagespeed/insights/) - Analyzes website and creates suggestions to speed them up.
369 | - [**Pingdom Tools**](https://tools.pingdom.com/) - Enter a URL to test the load time of that page, analyze it and find bottlenecks.
370 | 
371 | ---
372 | ---
373 | 
374 | # Domains and Hosting 
375 | 
376 | ## Search and Registration
377 | 
378 | - [**Domainr**](http://domainr.com) - `Search` - Domainr helps you find the perfect name for your company or project
379 | - [**Hover**](http://hover.com) - `Registration` - Every great idea deserves a great domain name.
380 | - [**I Want My Name**](http://iwantmyname.com) - `Registration` - Easy domain search, registration and DNS management.
381 | - [**Namecheap**](https://www.namecheap.com) - `Registration` - Monthly coupons, competitive prices, and awesome customer support.
382 | 
383 | ---
384 | 
385 | ## Certificates
386 | 
387 | - [**Let's Encrypt**](http://letsencrypt.org) - A free, automated, and open certificate authority.
388 | 
389 | ---
390 | 
391 | ## Hosting
392 | 
393 | - [**Amazon Web Services (AWS)**](https://aws.amazon.com/websites) - `VPS` - Offers cloud web hosting solutions with low-cost ways to deliver websites.
394 | - [**Arcustech**](https://arcustech.com) - `VPS` `Managed` - Managed VPS hosting for PHP web applications and frameworks.
395 | - [**DigitalOcean**](https://digitalocean.com) - `VPS` - Cloud computing platform for building, deploying, and scaling applications fast.
396 | - [**Fortrabbit**](https://fortrabbit.com) - `VPS` `Managed` - Affordable, powerful, and carefree hosting.
397 | - [**Linode**](https://linode.com) - `VPS` - High performance SSD Linux servers for all of your infrastructure needs.
398 | - [**Vultr**](https://vultr.com) - `VPS` - Easily deploy cloud servers, Bare Metal, and storage worldwide.
399 | 
400 | ---
401 | 
402 | ## Server Management
403 | 
404 | - [**Forge**](https://forge.laravel.com) - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.
405 | - [**RunCloud**](https://runcloud.io) - Hassle-free PHP web application & server management panel.
406 | - [**ServerPilot**](https://serverpilot.io) - Simple, fast, secure hosting on your DigitalOcean servers.
407 | 
408 | ---
409 | 
410 | ## Assets and CDN
411 | 
412 | - [**AWS S3**](https://aws.amazon.com/s3) - `Storage` - Object storage built to store and retrieve any amount of data from anywhere.
413 | - [**Cloudflare**](https://cloudflare.com) - `CDN` - Improves website performance through a CDN and web optimisation features. 
414 | - [**DigitalOcean Spaces**](https://digitalocean.com/products/spaces) - `Storage` - Securely store and deliver data to end-users and applications.
415 | - [**Google Cloud Storage**](https://cloud.google.com/storage) - `Storage` - Unified object storage for developers and enterprises.
416 | - [**Imgix**](https://imgix.com) `CDN` - Optimize, deliver, and cache your entire image library for fast websites and apps.
417 | - [**Rackspace Cloud Files**](https://rackspace.com/en-gb/cloud/files) - `Storage` - Online object storage for files and media, delivering them at blazing speeds.
418 | 
419 | ---
420 | 
421 | ## Email
422 | 
423 | - [**FastMail**](https://fastmail.com) - Email, calendars and contacts done right.
424 | - [**Gmail**](https://google.com/gmail) - Email that's intuitive, efficient, and useful.
425 | - [**Zoho**](https://zoho.eu/mail) - Secure, fast, ad-free email for business.
426 | 
427 | ---
428 | ---
429 | 
430 | # Content
431 | 
432 | ## Content Management
433 | 
434 | - [**Craft**](http://craftcms.com) - [GitHub](https://github.com/craftcms/cms) - [Awesome](https://github.com/craftcms/awesome) - Content-first CMS that makes life enjoyable for developers and content creators.
435 | - [**Drupal**](http://drupal.org) - [GitHub](https://github.com/drupal/drupal) - [Awesome](https://github.com/nirgn975/awesome-drupal) - Free and open source content-management framework written in PHP.
436 | - [**Grav**](https://getgrav.org/) - [GitHub](https://github.com/getgrav/grav) - A modern open source flat-file CMS.
437 | - [**Perch**](https://grabaperch.com/) - The really little content management system.
438 | - [**Statamic**](http://statamic.com) - [GitHub](https://github.com/statamic) - A CMS created to make life, and the websites you build, easier.
439 | - [**Typo3**](https://typo3.org/) - The professional, flexible content management system.
440 | - [**Webflow**](http://webflow.com) - Responsive web design tool, CMS, and hosting platform.
441 | 
442 | ---
443 | 
444 | ## Commerce
445 | 
446 | - [**Craft Commerce**](https://craftcommerce.com/) - [GitHub](https://github.com/craftcms/commerce) - `Plugin` - A powerful e-commerce platform for Craft CMS.
447 | - [**Foxy**](http://foxy.io) - [GitHub](https://github.com/FoxyCart) - `Platform` - Custom eCommerce, simplified.
448 | - [**Schema**](http://schema.io) - [GitHub](https://github.com/schemaio) - `Platform` - A platform and API for custom online stores.
449 | - [**Shopify**](http://shopify.com) - [GitHub](https://github.com/Shopify) - `Hosted` - The ecommerce platform made for you.
450 | - [**Snipcart**](http://snipcart.com) - [GitHub](http://github.com/snipcart) - `Platform` - Easy, flexible e-commerce for developers.
451 | - [**Statamify**](http://demo.statamify.com) - [GitHub](http://github.com/tavando/Statamify) - `Plugin` - Free Shopify-like ecommerce addon for Statamic.
452 | 
453 | ---
454 | 
455 | ## Email Campaigns
456 | 
457 | - [**Campaign Monitor**](url) - [GitHub](url) - `Tag` - Info
458 | - [**MailChimp**](url) - [GitHub](url) - `Tag` - Info
459 | 
460 | ---
461 | 
462 | ## Documentation
463 | 
464 | - [**Catalog**](http://www.catalog.style/) - [GitHub](https://github.com/interactivethings/catalog/) - Create living style guides using Markdown or React.
465 | - [**Dimer**](https://dimerapp.com/) - Generates a clean and beautiful documentation website from Markdown.
466 | - [**Fractal**](https://fractal.build/) - [GitHub](https://github.com/frctl/fractal) - A tool to help you build and document web component libraries.
467 | - [**GitBook**](http://gitbook.io) - [GitHub](https://github.com/GitbookIO/gitbook) - Modern documentation format and toolchain using Git and Markdown.
468 | - [**MkDocs**](http://www.mkdocs.org/) - [GitHub](https://github.com/mkdocs/mkdocs/) - A static site generator geared towards building project documentation.
469 | - [**Read the Docs**](https://readthedocs.org/) - [GitHub](https://github.com/rtfd/readthedocs.org) -  Create, host, and browse documentation.
470 | - [**VuePress**](https://vuepress.vuejs.org/) - [GitHub](https://github.com/vuejs/vuepress) - Minimalistic Vue-powered static site generator.


--------------------------------------------------------------------------------