Awesome Web Tools

A curated list of great web tools (Growing list) others - https://github.com/sindresorhus/awesome

💁 Frontend (Toolkits/Designs/Snippets/UIs) Using CSS JS HTML stuff

• A better credit card form in one line of code 💳 - https://github.com/jessepollak/card
• Distorted Button Effects USING SVG FILTERS - http://tympanus.net/Development/DistortedButtonEffects/
• Simple Grid Responsive, light, simple - http://simplegrid.io/
• layzr.js A small, fast, and modern library for lazy loading images - http://callmecavs.com/layzr.js/
• Timesheet.js Create simple time sheets - http://sbstjn.github.io/timesheet.js/
• Photoswipe JavaScript gallery, no dependencies - http://photoswipe.com/
• jQuery.dragmove Lightweight jQ - draggable functionality on DOM - https://github.com/nathco/jQuery.dragmove
• Hover.css hover effects for links, buttons, logos, SVG & images - http://ianlunn.github.io/Hover/
• Animated Headlines - https://codyhouse.co/demo/animated-headlines/index.html
• is.js Check types, regexps, presence, time and more - http://is.js.org/
• Mprogress.js linear progressbar from Google Material Design - http://lightningtgc.github.io/MProgress.js/
• Social Share Kit social sharing tools - http://socialsharekit.com/ •Non-commercial use ONLY•
• Chartist.js SIMPLE RESPONSIVE CHARTS - http://gionkunz.github.io/chartist-js/index.html
• MetricsGraphics.js D3 based visualization for time-series data. - http://metricsgraphicsjs.org/
• Nightmare.js Simplify deeply nested callbacks - http://www.nightmarejs.org/
• Web Performance Optimization A curated list of Web Performance Optimization - https://github.com/davidsonfellipe/awesome-wpo
• Scrollmagic magical scroll interactions - http://scrollmagic.io/
• Scroll Reveal JS Easy scroll animations - https://scrollrevealjs.org/
• Progressbar.js Responsive and slick progress bars - https://github.com/kimmobrunfeldt/progressbar.js
• Lazysizes SEO friendly lazy loader for images - https://github.com/aFarkas/lazysizes
• Midnight.js switch fixed headers on the fly - http://aerolab.github.io/midnight.js
• Intro.js Step-by-step guide and feature introduction - http://introjs.com/
• Family.scss 20 smart Sass mixins - http://lukyvj.github.io/family.scss/
• Bideo.js fullscreen background videos - https://rishabhp.github.io/bideo.js/
• Time Dropper jQuery time plugin - http://felicegattuso.com/projects/timedropper/
• Date Dropper jQuery date plugin - http://felicegattuso.com/projects/datedropper/
• Spectre.css - https://picturepan2.github.io/spectre/
• Contact form - https://codyhouse.co/demo/contact-form/index.html
• FAQ - https://codyhouse.co/demo/faq-template/index.html
• holmes.js - https://haroen.me/holmes/
• anime.js - http://anime-js.com/
• Download HTML page to PDF (jsPDF) - https://github.com/MrRio/jsPDF

Frontend Design Tools:

• CSS Ruler - http://katydecorah.com/css-ruler/
• Coolors -https://coolors.co/

Frontend JS Editors:

• tinymce - https://www.tinymce.com/

Design Inspiration:

• http://talkaboutdesign.com/

💂‍♂️ Frontend (Frameworks) Crazy JS stuff mostly

• React V in MVC - https://facebook.github.io/react/
• AngularJS 2 - https://angular.io/

☕ Backend All magic which goes behind the server

• Zapier Connect Your Apps and Automate Workflows - https://zapier.com/
• RethinkDB The open-source database for the realtime web - http://www.rethinkdb.com/
• APIs.io API Search service to help discover APIs on the web - http://apis.io/

Django:

• Great list of tools for django - http://awesome-django.com/
• Custom Django Admin Interface - https://github.com/fabiocaccamo/django-admin-interface
• An enhanced permission library - https://github.com/lambdalisue/django-permission/
• Cookiecutter - https://github.com/pydanny/cookiecutter-django

📝 Development Tools Tools which help aid development

• Sublime Text 3 Text Editor - https://www.sublimetext.com/3
• Docker - https://www.docker.com/
• Vagrant Development environments made easy. - https://www.vagrantup.com/

⚓ Deployment Tools Tools which help making deployment easy #mostly-automated

• Deploybot Easy Deploy - https://deploybot.com/

☁️ Hosting Tools List of great hosting solutions

• Heroku - https://www.heroku.com/
• Digital Ocean - https://www.digitalocean.com/

📈 Production Tools Mostly managing after deployment

• Opbeat Performance monitoring for developers - https://opbeat.com/
• Server Logs - https://www.datadoghq.com