DEV Community

Cover image for 50+ Github Repositories Every Front-end Developer Needs
NFTs Lab ๐Ÿงช
NFTs Lab ๐Ÿงช

Posted on

50+ Github Repositories Every Front-end Developer Needs

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


1. Normalize.css

A modern, HTML5-ready alternative to CSS resets

2. Skeleton

A simple, responsive boilerplate

3. Bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web

4. Animate.css

A cross-browser library of CSS animations

5. Font Awesome

The iconic font and CSS toolkit

6. jQuery

The write less, do more, JavaScript library

7. Bower

A package manager for the web

8. Gulp

The streaming build system

9. Yeoman

The Web's scaffolding tool for modern webapps

10. AngularJS

AngularJS is a toolset for building the framework most suited to your application development.

11. Backbone.js

Give your JS App some Backbone with Models, Views, Collections, and Events

12. React

A declarative, efficient, and flexible JavaScript library for building user interfaces

13. Vue.js

A progressive, incrementally-adoptable JavaScript framework for building UI on the web

14. jQuery UI

The official jQuery user interface library

15. Zepto.js

Zepto is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API

16. D3.js

Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

17. Chart.js

Simple HTML5 Charts using the tag

18. Spin.js

A jQuery plugin to create AJAX-spinner

19. Ladda

Buttons with built-in loading indicators. โณ ๐Ÿ” โœ…

20. Pace

Automatic page load progress bar. ๐Ÿƒ โšก ๐Ÿš€

21. SweetAlert

A beautiful replacement for JavaScript's "alert"

22. toastr

Simple javascript toast notifications โ˜•

23. Fuse.js

Lightweight fuzzy-search, in JavaScript

24. Masonry

Cascading grid layout library

25. Isotope

Filter & sort magical layouts

26. Packery

Bin-packing layout library

27. imagesloaded

Detect when images have been loaded

28. Flickity

Touch, responsive, flickable carousels

29. Slick

the last carousel you'll ever need

30. ScrollReveal

Easy scroll animations ๐ŸŽ‰

31. fullPage.js

Create beautiful fullscreen scrolling websites

32. skrollr

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. ๐Ÿ’€

33. headroom.js

Give your pages some headroom. Hide your header until you need it

34. simpleParallax

A simple JavaScript library used to create parallax effects on images

35. jarallax

Smooth parallax scrolling effects for image and video backgrounds

36. video.js

open source HTML5 & Flash video player

37. mediaelement

HTML5

38. jPlayer

jPlayer : The Complete HTML5 Audio & Video Library

39. plyr

A simple, lightweight, accessible and customizable HTML5 media player

40. jquery.mb.YTPlayer

jQuery plugin to play Youtube video (natively HTML5 if available)

41. Froogaloop

A simple JavaScript library used to control embedded Vimeo players

42. H5P

H5P empowers everyone to create, share and reuse interactive content such as videos, quizzes, presentations and more.

43. Lity

A lightweight, accessible and responsive lightbox

44. colorbox

A light-weight, customizable lightbox plugin for jQuery

45. featherlight

Featherlight is a very lightweight jQuery lightbox plugin.

46. Lightbox

The original lightbox script

47. strip

A bare-bones, lightweight alternative to StripJs

48. baguetteBox.js

Simple and lightweight lightbox script written in pure JavaScript

49. magnific-popup

Light and responsive lightbox script with focus on performance

50. iLightBox

Revolutionary new way to present web content

Top comments (0)