50+ Github Repositories Every Front-end Developer Needs
Tags: webdev, javascript, programming, react
Published: 2022-11-22 09:57:17

Looking for some helpful front-end development resources? Check out this list of 50 popular Github repositories that every front-end developer needs. 

From frameworks and libraries to tools and utilities, this list has something for everyone. So whether you're just getting started or you're a seasoned pro, be sure to check out these repositories and make them a part of your toolkit.

-----

Looking for a great community of people interested in Javascript? Join our Discord server! 💙🧪

**Discord:** [https://discord.gg/P8bjJ7CzBV](https://discord.gg/P8bjJ7CzBV)

-----

## 1. [Normalize.css](https://github.com/necolas/normalize.css)
A modern, HTML5-ready alternative to CSS resets

## 2. [Skeleton](https://github.com/dhg/Skeleton)
A simple, responsive boilerplate

## 3. [Bootstrap](https://github.com/twbs/bootstrap)
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web

## 4. [Animate.css](https://github.com/daneden/animate.css)
A cross-browser library of CSS animations

## 5. [Font Awesome](https://github.com/FortAwesome/Font-Awesome)
The iconic font and CSS toolkit

## 6. [jQuery](https://github.com/jquery/jquery)
The write less, do more, JavaScript library

## 7. [Bower](https://github.com/bower/bower)
A package manager for the web

## 8. [Gulp](https://github.com/gulpjs/gulp)
The streaming build system

## 9. [Yeoman](https://github.com/yeoman/yeoman)
The Web's scaffolding tool for modern webapps

## 10. [AngularJS](https://github.com/angular/angular.js)
AngularJS is a toolset for building the framework most suited to your application development.

## 11. [Backbone.js](https://github.com/jashkenas/backbone)
Give your JS App some Backbone with Models, Views, Collections, and Events

## 12. [React](https://github.com/facebook/react)
A declarative, efficient, and flexible JavaScript library for building user interfaces

## 13. [Vue.js](https://github.com/vuejs/vue)
A progressive, incrementally-adoptable JavaScript framework for building UI on the web

## 14. [jQuery UI](https://github.com/jquery/jquery-ui)
The official jQuery user interface library

## 15. [Zepto.js](https://github.com/madrobby/zepto)
Zepto is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API

## 16. [D3.js](https://github.com/d3/d3)
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

## 17. [Chart.js](https://github.com/chartjs/Chart.js)
Simple HTML5 Charts using the <canvas> tag

## 18. [Spin.js](https://github.com/fgnass/spin.js)
A jQuery plugin to create AJAX-spinner

## 19. [Ladda](https://github.com/hakimel/Ladda)
Buttons with built-in loading indicators. :hourglass_flowing_sand: :repeat: :white_check_mark:

## 20. [Pace](https://github.com/HubSpot/pace)
Automatic page load progress bar. :running: :zap: :rocket:

## 21. [SweetAlert](https://github.com/t4t5/sweetalert)
A beautiful replacement for JavaScript's "alert"

## 22. [toastr](https://github.com/CodeSeven/toastr)
Simple javascript toast notifications :coffee:

## 23. [Fuse.js](https://github.com/krisk/fuse)
Lightweight fuzzy-search, in JavaScript

## 24. [Masonry](https://github.com/desandro/masonry)
Cascading grid layout library

## 25. [Isotope](https://github.com/metafizzy/isotope)
Filter & sort magical layouts

## 26. [Packery](https://github.com/metafizzy/packery)
Bin-packing layout library

## 27. [imagesloaded](https://github.com/desandro/imagesloaded)
Detect when images have been loaded

## 28. [Flickity](https://github.com/metafizzy/flickity)
Touch, responsive, flickable carousels

## 29. [Slick](https://github.com/kenwheeler/slick)
the last carousel you'll ever need

## 30. [ScrollReveal](https://github.com/jlmakes/scrollreveal)
Easy scroll animations :tada:

## 31. [fullPage.js](https://github.com/alvarotrigo/fullPage.js)
Create beautiful fullscreen scrolling websites

## 32. [skrollr](https://github.com/Prinzhorn/skrollr)
Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. :skull:

## 33. [headroom.js](https://github.com/WickyNilliams/headroom.js)
Give your pages some headroom. Hide your header until you need it

## 34. [simpleParallax](https://github.com/daneden/simpleParallax)
A simple JavaScript library used to create parallax effects on images

## 35. [jarallax](https://github.com/nk-o/jarallax)
Smooth parallax scrolling effects for image and video backgrounds

## 36. [video.js](https://github.com/videojs/video.js)
open source HTML5 & Flash video player

## 37. [mediaelement](https://github.com/johndyer/mediaelement)
HTML5 <video> or <audio> player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers

## 38. [jPlayer](https://github.com/happyworm/jPlayer)
jPlayer : The Complete HTML5 Audio & Video Library

## 39. [plyr](https://github.com/sampotts/plyr)
A simple, lightweight, accessible and customizable HTML5 media player

## 40. [jquery.mb.YTPlayer](https://github.com/pupunzi/jquery.mb.YTPlayer)
jQuery plugin to play Youtube video (natively HTML5 if available)

## 41. [Froogaloop](https://github.com/vimeo/player-api)
A simple JavaScript library used to control embedded Vimeo players

## 42. [H5P](https://github.com/h5p/h5p-php-library)
H5P empowers everyone to create, share and reuse interactive content such as videos, quizzes, presentations and more.

## 43. [Lity](https://github.com/sorgalla/lity)
A lightweight, accessible and responsive lightbox

## 44. [colorbox](https://github.com/jackmoore/colorbox)
A light-weight, customizable lightbox plugin for jQuery

## 45. [featherlight](https://github.com/noelboss/featherlight)
Featherlight is a very lightweight jQuery lightbox plugin.

## 46. [Lightbox](https://github.com/lokesh/lightbox2)
The original lightbox script

## 47. [strip](https://github.com/sstephenson/strip)
A bare-bones, lightweight alternative to StripJs

## 48. [baguetteBox.js](https://github.com/feimosi/baguetteBox.js)
Simple and lightweight lightbox script written in pure JavaScript

## 49. [magnific-popup](https://github.com/dimsemenov/magnific-popup)
Light and responsive lightbox script with focus on performance

## 50. [iLightBox](https://github.com/Ink/iLightBox)
Revolutionary new way to present web content