Awesome Libraries and Resources
Awesome libraries, articles and resources for web development.
Online tools
Architecture
JS and CSS
- Simply beautiful open source icons: https://feather.netlify.com/
- Simple tooltips made of pure CSS: https://kazzkiq.github.io/balloon.css/
- A functional and reactive JavaScript framework for predictable code: https://cycle.js.org/
- A collection of repeatable SVG background patterns for you to use on your web projects: http://www.heropatterns.com/
- Simple grid system: http://simplegrid.io/
- A JS library that makes it super easy to add fullscreen background videos: https://rishabhp.github.io/bideo.js/
- JS animate engine: http://animejs.com/
- WEBIX: https://webix.com/?utm_expid=131619688-7.pQhNhHWZRM6xw64tzUE6Zw.0&utm_referrer=http%3A%2F%2Fwebix.com%2Fwidgets%2F
- Slider: https://vadimbogomazov.github.io/CrystalSlider/
- Modal windows: http://madscript.com/boron/
- Burger - Minimal, fullscreen nav: https://codepen.io/mblode/pen/qEGWwB
- A fly-out circle menu built with CSS: https://github.com/callmenick/CSS-Circle-Menu
- Simple, elegant content placeholder: https://chalarangelo.github.io/mocka/
- t - s c r o l l: http://t-scroll.com
- Gooey Menu: https://codepen.io/lbebber/pen/rawQKR
- Simple & Modern RichText Editor: https://dphans.github.io/Editor/demo/
- Sun editor: http://suneditor.com/sample/html/index.html
- Lightweight, awesome, vanilla JS image cropper: https://jamesssooi.github.io/Croppr.js/
- A tool for making JavaScript code run faster: https://prepack.io
- I need JS lib .. : http://microjs.com/#
- A pure CSS responsive navigation menu: https://github.com/micjamking/navigataur
- Awesome Buttons: https://bttn.surge.sh/
- Date formats: http://stackoverflow.com/questions/10211145/getting-current-date-and-time-in-javascript
- A JavaScript library to make navigation menus activate the item based on currently in view section.: https://leocs.me/menuspy/
- Opensource projects from Google: https://opensource.google.com/projects/list/featured
- Pure CSS responsive timeline mockup: https://flouthoc.github.io/timenil/
- 100+ Free resources for learning Full Stack Web Development: https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer/blob/master/README.md
- Statically typed programming language for the JVM, Android and the browser: http://kotlinlang.org/
- Animate On Scroll Library: https://michalsnik.github.io/aos/
- A tiny async loader / dependency manager for modern browsers: https://github.com/muicss/loadjs
- CSS minifier with structural optimizations: https://github.com/css/csso
- Cross-browser style inputs: https://codepen.io/jestho/pen/WbRjay
- Menu: https://balzss.github.io/luxbar/
- Cross-browser style inputs: http://stackoverflow.com/questions/19145504/style-a-checkbox-in-firefox-remove-check-and-border
- a small strongly typed programming language that compiles to JavaScript: http://www.purescript.org/
- Cross-browser style inputs: https://www.everythingfrontend.com/posts/cross-browser-css3-image-free-custom-checkbox.html
- Datepicker: https://crsten.github.io/datepickk/
- Building a Morphing Hamburger Menu with CSS: https://scotch.io/tutorials/building-a-morphing-hamburger-menu-with-css
- Mobile online emulator: http://www.mobilephoneemulator.com/
- Fela is a fast and modular library to handle styling in JavaScript. It is dynamic by design and renders your styles depending on your application state.: https://github.com/rofrischmann/fela
- Iphone resolution: http://www.kylejlarson.com/blog/iphone-6-screen-size-web-design-tips/
- Apple products resolution: http://iosres.com/
- Lightweight and simple carousel with no dependencies: https://pawelgrzybek.com/siema/
- Simple browser dialogs: https://alertifyjs.org/
- A simple and beautiful wiki for teams: http://matterwiki.com/
- UI components for Elasticsearch: http://searchkit.co/
- A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices: http://re-view.emmet.io/
- From pixel to rem: https://quayzar.com/wordpress/pixels-to-rem-calculator/
- Material Design Lite: https://getmdl.io/index.html
- The 100% correct way to do CSS breakpoints: https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.tmafddf9r
- The JavaScript JSON based Survey Library: http://surveyjs.org/
- Control responsive: http://ami.responsivedesign.is/?url=http://starterkit.meteor.com#
- Control responsive and browser testing: https://browsersync.io/
- Frontends sources: https://uptodate.frontendrescue.org/
- Lightweight and simple carousel with no dependencies: https://pawelgrzybek.com/siema/
- Custom scrollbars: http://grsmto.github.io/simplebar/
- A touch slideout navigation menu for your mobile web apps: https://slideout.js.org
- The fast and capable dropdown library: http://github.hubspot.com/drop/docs/welcome/
- Simple lightbox script without dependencies (not even jQuery): https://github.com/DxF5H/lightbox
- Color generator: https://coolors.co/
- Generate hashes from javascript objects in node and the browser: https://github.com/puleos/object-hash
- Datetime picker: https://chmln.github.io/flatpickr/
- Datetime picker: http://www.dematte.at/tinyDatePicker/
- Range: https://rangetouch.com/
- CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.: http://livereload.com/
- Modern CSS to all browsers: http://stylecow.github.io/
- EXPRESSIVE, DYNAMIC, ROBUST CSS: http://stylus-lang.com/
- Presentation Attributes vs Inline Styles: https://css-tricks.com/presentation-attributes-vs-inline-styles/
- A lightweight (~2kb) and dependency-free javascript plugin for particle backgrounds: https://marcbruederlin.github.io/particles.js/
- A tiny polyfill for HTML5 multi-handle sliders: http://leaverou.github.io/multirange/
- Lightweight validation using form element attributes: http://skyefradd.me/attrvalidate
- CSS styling of select element without JS, and using inline SVG: https://github.com/carloscabo/pure-css-select-style
- A simple, accessible HTML5 media player: https://plyr.io/
- Styleable select elements: http://github.hubspot.com/select/docs/welcome/
- Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects: http://underscorejs.org
- Spectacular Test Runner for JavaScript: http://karma-runner.github.io/1.0/index.html
- Animations: http://dynamicsjs.com
- Presentaion micro framework: http://markdalgleish.com/projects/bespoke.js/
- A JavaScript library for Google Analytics: http://boba.space150.com
- The JavaScript SVG library for the modern web: http://snapsvg.io
- parallax scrolling for the masses: http://prinzhorn.github.io/skrollr/
- vivus, bringing your SVGs to life: http://maxwellito.github.io/vivus/
- Waypoints is the easiest way to trigger a function when you scroll to an element: http://imakewebthings.com/waypoints/
- A general-purpose, web standards-based platform for parsing and rendering PDFs: http://mozilla.github.io/pdf.js/
- Create Beautiful Fullscreen Scrolling Websites: http://alvarotrigo.com/fullPage/#firstPage
- Offline.js Every app goes offline: http://github.hubspot.com/offline/docs/welcome/
- Inputs: http://leaverou.github.io/stretchy/
- Simple and elegant component-based UI library: http://riotjs.com
- Single Element CSS Spinners: https://projects.lukehaas.me/css-loaders/
- A grid framework based on the flex display property: http://timothylong.com/kindling/
- A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box: http://danmalarkey.github.io/schema/index.html
- mobile friendly css framework: http://chuckcss.io/
- Slide Nav Example: https://qmixi.github.io/slide-nav/
- Build a Style Guide Straight from Sass: https://css-tricks.com/build-style-guide-straight-sass/
- Reducing CSS bundle size 70% by cutting the class names and using scope isolation: https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
- Pants: A fast, scalable build system: https://www.pantsbuild.org/
- Browserify lets you require('modules') in the browser by bundling up all of your dependencies.: http://browserify.org/
- A build tool for modern web development: http://mimosa.io/
- The static web server with built-in preprocessing.: http://harpjs.com/
- High-performance webpack config for front-end delivery: https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa?utm_content=buffer61b28&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
- A Webpack built, Elastic Beanstalk deployment leveraging AWS S3: https://medium.com/statuscode/a-webpack-built-elastic-beanstalk-deployment-leveraging-aws-s3-as-a-cdn-54d62b851263
- sonar a linting tool for the web: https://sonarwhal.com/
GraphQL
Webpack, build process, etc
Typescript
Angular
Ruby and Ruby on Rails
Elixir and Phoenix
Crystal
Elm
Reason
React
Vue.js