├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | No Copyright - CC0 1.0 Universal (CC0 1.0) 2 | 3 | The person who associated a work with this deed has dedicated 4 | the work to the public domain by waiving all of his or her rights 5 | to the work worldwide under copyright law, including all related and 6 | neighboring rights, to the extent allowed by law. 7 | 8 | You can copy, modify, distribute and perform the work, 9 | even for commercial purposes, all without asking permission. 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Frontend stuff 2 | ======================== 3 | 4 | A continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly Javascript stuff. 5 | 6 | 7 | - [UI Frameworks](#ui-frameworks) 8 | - [Charts](#charts) 9 | - [Maps](#maps) 10 | - [Text](#text) 11 | - [Video](#video) 12 | - [Audio](#audio) 13 | - [Tables](#tables) 14 | - [Lazy Loading](#lazy-loading) 15 | - [Scrolling](#scrolling) 16 | - [Animations](#animations) 17 | - [UI Elements](#ui-elements) 18 | - [Templating](#templating) 19 | - [HTTP requests](#http-requests) 20 | - [Dates](#dates) 21 | - [General](#general) 22 | - [Icons](#icons) 23 | - [Colors](#colors) 24 | - [Social](#social) 25 | 26 | ### UI Frameworks 27 | - [semantic-ui](http://semantic-ui.com/) - UI Kit with lots of themes and elements 28 | - [cardinal](http://cardinalcss.com/) - Cardinal is a small mobile first CSS framework 29 | - [uikit](http://getuikit.com/index.html) - A lightweight and modular front-end framework 30 | - [pure](http://purecss.io/) - A set of small, responsive CSS modules 31 | - [bootflat](http://bootflat.github.io/index.html) - Bootstrap with a flat design theme 32 | - [base](http://matthewhartman.github.io/base/) - Responsive CSS framework with IE7+ support 33 | - [papier](https://github.com/alexanderGugel/papier) - Material design like minimal CSS framework 34 | - [materialize](http://materializecss.com/) - A modern responsive front-end framework based on Material Design 35 | 36 | ### Charts 37 | - [nvd3](http://nvd3.org/) - Re-usable charts and chart components for d3.js 38 | - [c3](http://c3js.org/) - D3-based reusable chart library 39 | - [dc](http://dc-js.github.io/dc.js/) - For heavy amounts of data 40 | - [D3xter](https://github.com/NathanEpstein/D3xter) - Straight forward plotting built on D3 41 | - [epoch](http://fastly.github.io/epoch) - A general purpose, real-time visualization library 42 | - [metricsgraphics](http://metricsgraphicsjs.org/) - Optimized for visualizing time-series data 43 | - [chartjs](http://www.chartjs.org/) - Simple, clean and engaging charts for designers and developers 44 | - [chartist](http://gionkunz.github.io/chartist-js/) - Simple responsive charts 45 | - [dimple](http://dimplejs.org) - An object-oriented API for business analytics powered by d3 46 | - [sparkline](https://github.com/gwatts/jquery.sparkline) - Sparkline charts library 47 | - [sparky](https://github.com/shawnbot/sparky) - Sparkline charts library based on rapahel 48 | - [jsplumb](https://github.com/sporritt/jsplumb/) - Visual connectivity for webapps (flowcharts, sequence diagrams, etc) 49 | 50 | ### Maps 51 | - [leaflet](http://leafletjs.com/) - Library for Mobile-Friendly Interactive Maps 52 | - [topojson](https://github.com/mbostock/topojson) - An extension to GeoJSON that encodes topology 53 | - [leaflet topojson support](https://gist.github.com/rclark/5779673) - TopoJSON-aware Leaflet layer 54 | - [leaflet plugins](http://leafletjs.com/plugins.html) - Notable Leaflet Plugins 55 | - [leaflet generator](https://github.com/moklick/generator-leaflet) - Yeoman generator that scaffolds out a leaflet map application 56 | - [planetary](http://planetaryjs.com/) - Interactive globes for the web 57 | - [smallworld](http://mikefowler.me/smallworld.js/) - A small utility for generating a small world 58 | - [turf](https://github.com/Turfjs/turf) - A modular geospatial engine 59 | 60 | ### Text 61 | - [flowtype](http://simplefocus.com/flowtype/) - Responsive typography 62 | - [dropcaps](https://github.com/adobe-webplatform/dropcap.js) - CSS dropcaps 63 | - [side-comments](http://aroc.github.io/side-comments-demo/) - Medium style comments 64 | - [grandjs](http://mattduvall.com/grande.js/) - Javascript library that implements features from Medium's editing experience 65 | - [pen](http://sofish.github.io/pen) - Editor with markdown support 66 | - [lettering](http://letteringjs.com/) - JQuery web typography plugin 67 | - [bacon](http://baconforme.com/) - Wraps text around a bezier curve or a line 68 | - [smart underline](https://eager.io/showcase/SmartUnderline/) - Descender-aware underlines for every browser 69 | 70 | ### Video 71 | - [medialementjs](http://mediaelementjs.com/) - Video and audio handling 72 | - [Fitvid](http://fitvidsjs.com/) - Responsive videos 73 | - [talkie](https://github.com/kiln/talkie) - Combines audio and animations 74 | - [Videojs](http://www.videojs.com/) - Open source HTML5 video player 75 | - [Plyr](http://plyr.io/) - A simple HTML5 media player with custom controls and WebVTT captions. 76 | 77 | ### Audio 78 | - [blip](http://jshanley.github.io/blip/) - Web Audio API wrapper 79 | - [howler](https://github.com/goldfire/howler.js/) - Audio library 80 | - [soundjs](https://github.com/CreateJS/SoundJS) - Audio library + simple interface 81 | - [SoundCite](http://soundcite.knightlab.com/) - Inline audio player 82 | 83 | ### Tables 84 | - [sortable](https://github.com/HubSpot/sortable/) - Makes tables sortable 85 | - [handson table](http://handsontable.com/) - Minimalist Excel-like data grid editor 86 | - [dynatables](https://github.com/alfajango/jquery-dynatable/) - Semantic and interactive table plugin using jQuery, HTML5, and JSON 87 | 88 | ### Lazy-Loading 89 | - [Aload](http://pazguille.github.io/aload/) - Loads asynchronously images, scripts, styles and more! 90 | - [loadXT](https://github.com/ressio/lazy-load-xt) - Lazy loading for any elements 91 | - [echo](https://github.com/toddmotto/echo) - Standalone JavaScript lazy-loading image micro-library 92 | - [Unveil](http://luis-almeida.github.io/unveil/) - Lightweight plugin to lazy load images for jQuery or Zepto.js 93 | 94 | ### Scrolling 95 | - [scrollme](http://scrollme.nckprsn.com/) - A jQuery plugin for adding simple scrolling effects to web pages 96 | - [WOW](https://github.com/matthieua/WOW) - Reveal CSS animation as you scroll down a page 97 | - [superscrollorama](https://github.com/johnpolacek/superscrollorama) - The jQuery plugin for supercool scroll animation 98 | - [fracs](https://github.com/lrsjng/jquery-fracs) - Plugin to determine the visible fractions of HTML elements 99 | 100 | ### Animations 101 | - [impulse](https://github.com/luster-io/impulse) - Dynamic Physics Interactions for the Mobile Web 102 | - [velocity](https://github.com/julianshapiro/velocity) - Accelerated JavaScript animation 103 | - [GSAP](https://greensock.com/gsap) - Fast animation library 104 | - [bounce.js](https://github.com/tictail/bounce.js) - CSS3 powered animations 105 | - [snabbt](https://github.com/daniel-lundin/snabbt.js) - Animations with javascript and CSS transforms 106 | 107 | ### UI Elements 108 | - [awesomplete](https://github.com/LeaVerou/awesomplete) - Lightweight autocomplete 109 | - [tether](http://github.hubspot.com/tether/docs/welcome/) - Marrying UI Elements (dropdown,tooltips,guide,selects) 110 | - [button concepts](http://tympanus.net/Development/CreativeButtons/) - List of CSS button variations 111 | - [select2](https://github.com/ivaynberg/select2) - JQuery based replacement for select boxes 112 | - [chosen](https://github.com/harvesthq/chosen) - Library for making long, unwieldy select boxes more friendly 113 | 114 | ### Templating 115 | - [nunjucks](http://mozilla.github.io/nunjucks/) - A rich and powerful templating language 116 | - [mustache](https://github.com/janl/mustache.js) - Minimal templating with {{mustaches}} in JavaScript 117 | - [dotjs](https://github.com/olado/doT) - Fast templating engine 118 | - [Hogan](http://twitter.github.io/hogan.js/) - Javascript templating 119 | 120 | ### HTTP requests 121 | - [reqwest](https://github.com/ded/reqwest) - Browser asynchronous HTTP requests 122 | - [superagent](https://github.com/visionmedia/superagent) - Client-side HTTP request library 123 | - [aja](http://krampstudio.github.io/aja.js/) - Asynchronous JavaScript And JSON(P) 124 | 125 | ### Dates 126 | - [moment.js](https://github.com/moment/moment/) - Parse, validate, manipulate, and display dates 127 | 128 | ### General 129 | - [jwerty](http://keithamus.github.io/jwerty/) - Handling of keyboard events 130 | 131 | ### Icons 132 | - [weloveiconfonts](http://weloveiconfonts.com/) - A free & open source icon fonts hosting service 133 | - [the nounproject](http://thenounproject.com/) - Icon search 134 | - [fontello](http://fontello.com/) - Icon fonts generator 135 | - [octicons](https://octicons.github.com/) - Github icons 136 | - [elegant](http://www.elegantthemes.com/blog/resources/elegant-icon-font) - Elegant Icon font 137 | - [fontawesome](http://fortawesome.github.io/Font-Awesome/) - Gives you scalable vector icons that can instantly be customized 138 | - [evil icons](http://evil-icons.io/) - Lightweight SVG icons 139 | - [ionicons](http://ionicons.com/) - The icon font for Ionic Framework 140 | 141 | ### Colors 142 | - [chromajs](https://github.com/gka/chroma.js) - Library for all kinds of color manipulations 143 | - [coolors](http://coolors.co/) - Super fast color scheme generator 144 | - [bootflat color picker](http://bootflat.github.io/color-picker.html) - Color picker for flat design 145 | - [color](http://color.hailpixel.com/) - Intuitive color picker 146 | - [colourco](http://colourco.de/) - Color scheme tool 147 | 148 | ### Social 149 | - [socialcount](https://github.com/filamentgroup/SocialCount/) - Custom sharing buttons with share count 150 | - [whatsapp button](https://github.com/kriskbx/whatsapp-sharing) - Creates a whatsapp sharing button 151 | - [rrssb](https://github.com/kni-labs/rrssb) - Ridiculously Responsive Social Sharing Buttons 152 | --------------------------------------------------------------------------------