67 useful tools, libraries and resources for saving your time as a web developer

In this article I won’t be talking about big front end frameworks such as React, Angular, Vue etc… nor already popular code editors like Atom, VS Code, Sublime… I simply want to share a list of I find useful for speeding up a developer’s workflow. tools Some have probably seen most of these, but I’m glad if someone discovers something new and useful. This list contains many diverse resources so I will organize them in groups. Javascript libraries — A library for creating beautiful floating particles on a web page Particles.js — A library for creating 3d objects and spaces on a web page Three.js — Easy to implement full page scroll feature Fullpage.js — Typewriter effect Typed.js — Trigger a function when you scroll to an element Waypoints.js — Syntax highlighting for the web Highlight.js — Make beautiful charts using only Chart.js javascript — Dramatically speed up your website load time, preloading resources on mouse hover Instantclick — Another chart library Chartist — A library for sprite based animations and panning Motio — Jquery plugin for css animated page transitions Animstion — Fluid page transitions Barba.js — A visual diff tool to spot differences TwentyTwenty — A library for making drawing animation on SVG Vivus.js — Reveal animations when you scroll Wow.js — See how much you have scrolled untill the end of the page Scrolline.js — Very fast and smooth javascript animations Velocity.js — Pretty straightforward Animate on scroll — Javascript templating Handlebars.js — Parallax scrolling jInvertScroll — And again a one page scrolling library One page scroll — Parallax Engine that reacts to the orientation of a smart device Parallax.js — Search completion Typeahead.js — Pretty cool dragging library Dragdealer.js — Create cool CSS3 animations Bounce.js — One page scroll Pagepiling.js — Multi scroll a website into two vertical scrolling panels Multiscroll.js — Dynamic favicons Favico.js — Switch fixed headers on the fly Midnight.js — Animation library Anime.js — Get javascript keycode for a button that is pressed Keycode — Drag & drop Sortable — Autocomplete Flexdatalist — Slideout navigation menu for mobile apps Slideout.js — Two way data bindings using jquery Jquerymy — Format content while typing Cleave.js — Client side routing for single page applications Page — Hybrid select box for adding tags Selectize.js — Jquery library for creating beautiful select boxes Nice select — Efficiently attach absolute positioned elements Tether — Guide users through your app Shepherd.js — Name speaks for itself Tooltip — Jquery replacement for select boxes Select2 — Easy to implement js notifications IziToast — Easy to implement js modals IziModal CSS libraries / Design stuff — Animation library Animate.css — List of simple and effective main colors Flat UI Colors — Framework based on Google’s material design Material design lite — Many resources for Material design framework Materialui.co — Random color generator Colorrrs — Css section dividers Section separators — Framework Topcoat — Ken burns effect using css3 animations Create ken burns effect — Add functions to css, to make it dynamic DynCSS — Name speaks for itself Magic animations — Collection of css spinners CSSpin — Icons Feather icons — Icons Ion icons — Icons Font awesome — Combine multiple fonts and create a mixture Font generator — Create on/off switch in css, good for check or radio buttons On/Off switch — Framework UI Kit — Framework Bootstrap — Framework Foundation — Html template collection Little Widgets Useful products / links — Group, save and send links as one Capsulelink — a list of everything that could go into tag cheatsheet — Simple blogging platform based on node.js Ghost — Chrome plugin to discover what technologies are used to build a website What runs — Powerful mind maps that break down a certain subject Learn anything This is the list of some tools/frameworks/libraries I personally have been using for some time. Feel free to contact me on and share some of your findings there. twitter