25+ awesome-repo for Frontend Developers
Tags: webdev, javascript, react, angular
Published: 2020-12-18 17:52:48

Today I prepared the Ultimate list of awesome-repos for Web developers

# What is an awesome repository in Github?

An awesome repository is a collection of tools, libraries, and other information about one tech subject.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oyipn7gi1wvoy08ziszs.png)

Every repository has tens and hundreds of links to tutorials and packages, libraries. So you can find everything there.
Also, every repo is separated into topics and sections for easy reading and navigation.

Check the most popular and helpful repositories below

# Javascript

[awesome-javascript](https://github.com/sorrycc/awesome-javascript#readme) is a collection of awesome browser-side JavaScript libraries, resources, and shiny things.

[awesome-nodejs](https://github.com/sindresorhus/awesome-nodejs#readme) - ⚡ Delightful Node.js packages and resources

[awesome-standard](https://github.com/standard/awesome-standard#readme) - Documenting the explosion of packages in the JavaScript Standard Style ecosystem!

[awesome-promises](https://github.com/wbinnssmith/awesome-promises#readme) - list of useful resources for JavaScript Promises. There is a lot of information for beginners and advanced developers.

[jstips](https://github.com/loverajoel/jstips#readme) - This is an awesome project about short and useful JavaScript tips that will allow you to improve your code writing.

[es6-tools](https://github.com/addyosmani/es6-tools#readme) - An aggregation of tooling for using ES6 today. Irreplaceable repo who are learning JavaScript

# ReactJS

[awesome-react](https://github.com/enaqx/awesome-react#readme) - A collection of awesome things regarding the React ecosystem. 

[awesome-react-components](https://github.com/brillout/awesome-react-components) - the ultimate list of React Components & Libraries.

[awesome-react-hooks](https://github.com/glauberfc/awesome-react-hooks#readme) - list of the most popular feature of React is Hooks. There are collections of ready to use hooks and a lot of tutorials

[awesome-nextjs](https://github.com/unicodeveloper/awesome-nextjs#readme) - A curated list of awesome resources: books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)

[awesome-react-native](https://github.com/jondot/awesome-react-native) - Awesome React Native components, news, tools, and learning material!

[awesome-redux](https://github.com/xgrommx/awesome-redux) - Awesome list of Redux examples and middleware

[awesome-material-ui](https://github.com/nadunindunil/awesome-material-ui#readme) - Material-UI is a React components library for faster and easier web development. It follows Material Design from Google. So there is a list of Material-UI resources and related projects.

[awesome-ant-design](https://github.com/websemantics/awesome-ant-design#readme) - resources of incredible Ant Design UI kit 

# Angular

[awesome-angular](https://github.com/PatrickJS/awesome-angular#readme) - a huge list of Angular tutorials and resources

[awesome-angular-components](https://github.com/brillout/awesome-angular-components) - Catalog of Angular 2+ Components & Libraries

# Vue

[awesome-vue](https://github.com/vuejs/awesome-vue#readme) - A curated list of awesome things related to Vue.js

[awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt) - A curated list of awesome things related to Nuxt.js. 
Nuxt.js is a framework for creating Universal Vue.js Applications.

# Styling

[awesome-css](https://github.com/awesome-css-group/awesome-css#readme) - This document is a curated list of frameworks, style guides, and cool nuggets of information for writing awesome CSS. It does not contain resources to learn CSS.

[awesome-flexbox](https://github.com/afonsopacifer/awesome-flexbox#readme) - A curated list of CSS Flexible Box Layout Module or only Flexbox.

[BEM-resources](https://github.com/sturobson/BEM-resources#readme) - Everyone loves a bit of BEM in their development. Here are just the starts of hopefully a large list of resources.

[awesome-postcss](https://github.com/jdrgomes/awesome-postcss#readme) - An selected list of PostCSS resources and other things related.

[awesome-sass](https://github.com/Famolus/awesome-sass#readme) - A list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.

[awesome-tailwindcss](https://github.com/aniftyco/awesome-tailwindcss#readme) - Awesome things related to incredible Tailwind CSS. This year that lib becomes very popular, so you should take note of it. 

# Other

[awesome-html5](https://github.com/diegocard/awesome-html5#readme) - A curated list of awesome HTML5 resources

[webcomponents-the-right-way](https://github.com/mateusortiz/webcomponents-the-right-way#readme) - Web Components a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

[awesome-webpack](https://github.com/webpack-contrib/awesome-webpack#readme) - Webpack takes modules with dependencies and generates static assets representing those modules. There are you find everything you should know about that tool.

# Final words
In summary inside the repos above, you can find a thousand links and tools that you will help in your frontend career. Keep it in the bookmarks for the future!

If you know another awesome repo, just send it to comments. 

More knowledge and experience you will find there:

| [Twitter](https://twitter.com/MikhailSakhnyuk) | [Github](https://github.com/sakhnyuk) | [Linkedin](https://www.linkedin.com/in/mikhail-sakhniuk-96765aa8/) |
| --------- |:---------:| -------:|