Recommend 25 front-end open source Awesome projects worthy of collection

Open source projects are like Christmas presents, often with surprises when opened. Below are 10 packaged "gifts" we've put together that we hope will help you.

★1. Awesome-blackmagic

Site: https://github.com/tnfe/awesome-blackmagic

In the process of web development, we have encountered some unconventional needs more or less, and we need to skillfully apply the unknown side of the technology we have mastered. The awesome-blackmagic project will regularly share these amazing technical applications for web developers.

★2. # Awesome-lowcode-component

Site: https://github.com/aliaszz/awesome-lowcode-component

Featured low code (LowCode) resource list

★3. Awesome-1kb

Site: https://github.com/xucz/awesome-1kb

Various small and delicate 1kb javascript libraries

★4. Good++

Site: https://github.com/DeformedSteel/good

The Good++ project was initiated by several programmers in their spare time to collect interesting and fun open source projects on github.

★5. Awesome State

Site: https://github.com/tnfe/awesome-state

It covers a variety of front-end state management solutions in the industry, including state libraries such as react, vue, angular, and small programs.

★6. Awesome Github REPO

Site: https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo

Awesome GitHub Repo collects high-quality, interesting open source projects on GitHub and categorizes them. It is worth noting that it is not simply classified by programming language, but by more interesting classification methods, such as: interesting projects, sand sculpture projects, practical projects, learning projects, practical tools, etc. At the same time, you are welcome to recommend excellent and fun open source projects to us through Pull Request or issues.

★7. awesome-frontend-source-interpretation

Site: https://github.com/KieSun/awesome-frontend-source-interpretation

From the source code level, analyze the underlying implementation principles of front-end mainstream technologies.

It is said that the technology of reading open source framework source code will grow rapidly, so the author also tries to read some source code of interest in the front-end field and analyze its content in detail, just like human beings exploring the universe, constantly exploring and learning.

In this repository, the author will record his own experience of reading the source code, hoping to help readers.

★8. awesome-web-dev-books

Site: https://github.com/jobbole/awesome-web-dev-books

Good technical books can help us grow rapidly, and most people benefit more or less from classic technical books. If someone asks you to recommend a front-end technical book, show him this list.

★9. fe-awesome-demos

Site: https://github.com/BryanAdamss/fe-awesome-demos

This repo saves some demo cases accumulated when learning the front-end, most of which have detailed comments, which are very helpful for beginners to get started.

★10. awesome-lesscode

Site: https://github.com/dream2023/awesome-lesscode

Featured list of less code / no code front-end and back-end practices and tools

★11. awesome-cs-books

Site: https://github.com/imarvinle/awesome-cs-books

A collection of classic programming books, covering: computer systems and networks, system architecture, algorithms and data structures, front-end development, back-end development, mobile development, databases, testing, projects and teams, programmer career training, job interviews, etc.

★12. JavaScript Resource Encyclopedia Chinese Version

Site: https://github.com/jobbole/awesome-javascript-cn

awesome-javascript is a list of JS resources maintained by sorrycc, including: package managers, loaders, test frameworks, runners, QA, MVC frameworks and libraries, template engines, data visualization, timelines, editors, etc. Maintained and updated by the "Open Source Frontier" and "Front-end Daquan" WeChat public account teams.

★13. awesome-f2e-libs

Site: https://github.com/sorrycc/awesome-f2e-libs

The front-end library that sorrycc usually pays attention to.

★14. awesome-books

Site: https://github.com/biaochenxuying/awesome-books

Recommended technical book list, including front-end, back-end, data structures and algorithms, computer foundation, design patterns, databases and other books.

★15. awesome-uni-app

Site: https://github.com/aben1188/awesome-uni-app

Awesome for uni-app! A summary of one-stop development resources of uni-app, a cross-platform multi-terminal application front-end framework based on Vue.js.

uni-app is a cross-platform multi-terminal application front-end development framework based on Vue.js, developed and open sourced by Digital Paradise DCloud.

Through the uni-app development framework, developers only need to write a set of codes to compile and generate applications for multiple platforms at the same time.

★16. awesome-frontend

Site: https://github.com/huaize2020/awesome-frontend

Front-end development resources Daquan Chinese version.

An awesome front end develop packages and resources

★17. javascript-guidebook

Site: https://github.com/tsejx/javascript-guidebook

JavaScript front-end knowledge graph. Front-end technology maps compiled from major technical communities and authoritative books

A guidebook for the convenience of the front-end developers

★18. awesome-nodejs-cn

Site: https://github.com/jobbole/awesome-nodejs-cn

About

The Chinese version of Node.js resources, including: command line tools, logs, debugging, HTTP, build tools, file systems, templates, web frameworks, process control, text, image and data verification, etc.

★19. awesome-nodejs-security

Site: https://github.com/lirantal/awesome-nodejs-security

About

A curated list of awesome Node.js Security resources.

★20. f2e-awesome

Site: https://github.com/f2e-awesome/knowledge

About

The document focuses on building a complete "front-end technology architecture map", which is convenient for F2E (Front End Engineering, also known as FEE, F2E) to learn and advance.

★21. Front-End-Develop-Guide

Site: https://github.com/icepy/Front-End-Develop-Guide

About

Awesome The Front End Develop Guide: This guide brings together mainstream learning resources for languages used in front-end development, organized from a developer's perspective.

★22. awesome-coding-js

Site: https://github.com/ConardLi/awesome-coding-js

About

Mastering data structures and algorithms doesn't happen overnight. This project uses algorithms and data structures implemented in JavaScript.

★23. Awesome-Lists

Site: https://github.com/wx-chevalier/Awesome-Lists

About

Awesome-Lists spans programming languages and theory, Web and big front-end, server-side development and infrastructure, cloud computing and big data, data science and artificial intelligence, product design and other fields, including articles, books, Curriculum, cases, open source projects and other types of selected materials index (a list of reference materials with strong relevance in subdivisions will be attached at the end of each series of articles). Awesome-Lists records the excellent materials discovered by the author in daily reading, learning and practice, which are stored in different categories according to the knowledge systems in various fields defined in the knowledge map; the author will continue to update the links in it, remove the rubbish and save the essence, and remove the duplication. Leave one, hoping to provide colleagues with an excellent, valuable, and as concise as possible data index.

★24. awesome-wechat-weapp

Site: https://github.com/justjavac/awesome-wechat-weapp

About

This article collects the materials, problems and third-party component libraries that will be used in the development of WeChat Mini Programs. This article is not an introductory guide on how to learn WeChat Mini Programs, nor is it a reference manual, just a compilation of some materials.

★25. awesome-webpack-cn

Site: https://github.com/webpack-china/awesome-webpack-cn

About

Good articles and tools for collecting all webpack

---

Thanks for your patient reading!