20 github front-end open source projects that you can't miss, add them to your favorites!

The world of open source is becoming more colorful every day. What new challenges will there be in the front-end field in 2022? Below are 20 interesting open source projects we have compiled. We hope there is one among them that you want to collect.

★1. Proton particles

Site: https://github.com/drawcall/Proton

Proton is a lightweight, flexible Javascript particle animation library. You can use it to easily create a variety of cool particle animation effects. This project has been referenced by nearly 2k projects on github.

Proton also supports 3d particle version

https://github.com/drawcall/three.proton/

★2. Awesome LowCode Component

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

LowCode - The hottest concept in the front-end field in recent years, the Awesome LowCode Component project collects various LowCode components and cutting-edge technical solutions for you, which can be used to quickly build enterprise-level projects or directly Development, greatly improving the efficiency of business needs and commercial realization.

★3. wp2vite

Site: https://github.com/tnfe/wp2vite

A particularly useful project that allows your webpack project to support vite. Compared with webpack, the construction speed of Vite development environment can be increased by about 80%, and the construction speed of production environment can be increased by about 50%.

★4. Awesome State

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

Covers various front-end State management solutions in the industry, including react, vue, angular, applet and other state libraries.

★5. Front-end engineering tool Feflow

Site: https://github.com/Tencent/feflow

Feflow is Tencent’s open source front-end workflow and standardization tool used to improve engineering efficiency. It has been widely used in NOW live broadcast, fancy live broadcast, fancy dating, mobile QQ nearby, group video, group gift giving, echo, App Store, Penguin account and other businesses.

★6. TDesign React Starter

Site: https://github.com/Tencent/tdesign-react-starter

TDesign React Starter is based on tdesign-react and developed using React, Vite2. It can carry out personalized theme configuration and aims to provide Out-of-the-box, configurable mid- and back-end projects.

★7. Web IDE UI

Site: https://github.com/DTStack/molecule

Molecule is a Web IDE UI framework inspired by VS Code and built using React.js. By designing an extension mechanism (Extension) similar to VS Code, a highly abstract Web IDE UI system can be quickly and easily built.

★8. Flutter game library

Site: https://github.com/flutterkit/zerker

Zerker is a flexible, lightweight Flutter animation game framework. Have you tried using Flutter to develop cross-end games? At the same time, it can also create Widget component animation effects, such as fly-out animation, pop-up animation, scene transition, etc.

★9. InkPaint

Site: https://github.com/drawcall/inkpaint

InkPaint is a lightweight Canvas graphics rendering library that runs on the node.js side. Use InkPaint to dynamically synthesize various images, PDFs, etc. on the server side. At the same time, InkPaint is a universal library between node.js and the browser, and can still run normally on the browser side.

★10. Golang for Node.js Developers

Site: https://github.com/miguelmota/golang- for-nodejs-developers

This guide contains plenty of examples for people learning Go from Node.js and vice versa. Go is a high-performance, high-concurrency, cross-platform language that is receiving more and more widespread attention and application. As the saying goes, more skills don’t weigh you down, and mastering more languages ​​means you have more choices when it comes to application development.

★11. Cloud development CloudBase CMS

Site: https://github.com/TencentCloudBase/cloudbase-extension- cms

CloudBase CMS is a headless content management platform based on Node.js developed by Tencent Cloud. It provides rich content management functions, is simple to install, easy for secondary development, and is compatible with The cloud development ecosystem is closely integrated to help developers improve development efficiency.

##★12. qiankun micro front-end practice

Site: https://github .com/wl-ui/wl-mfe

qiankun is a complete micro front-end solution. This project will introduce the Vue project through a microservice Demo How to access qiankun. This project is a practical micro front-end backend management system project based on vue3 koa2 qiankun2.

★13. Online video editor

Site: https://github.com/kudlav/videoeditor

An online video editor that supports timeline operation, video cropping and other functions. The project uses server-side rendering and supports modern mainstream browsers.

★14. Code Clock Collection

Site: https://github.com/drawcall/clock-shop

This project collects dozens of various interesting clock codes. Find a good-looking clock and hang it on your blog homepage, which will instantly make it look taller.

##★15. Awesome made by chinese

Site: https://github .com/JN-H/awesome-made-by-chinese

Open source projects from Chinese developers on Github. This project collects and organizes some of our Chinese developers’ own Works, every one of them deserves praise. Similar projects to Awesome include

https://github.com/igoradamenko/awesome-made-by-russians

• 
  https://github.com/felipefialho/ awesome-made-by-brazilians
• 
  https://github.com/jeswinsimon/awesome-made-by-indians
• 
  https://github.com/ mvximenko/awesome-made-by-japanese
• 
  

##★16. Alloy Worker

Site: https ://github.com/AlloyTeam/alloy-worker

Transaction-oriented high-availability Web Worker communication framework, withstood the test of large front-end projects such as

Tencent Documents

.

★17. Mall low-code platform

Site: https://github.com/wangyuan389/mall-cook

Mall-Cook is a visual mall construction platform developed based on vue, including multi-page visual construction, Json Schema generator (visual construction material control panel), and realizing component pipeline standard access platform. The latest version uses uni-app to reconstruct materials and template projects, and supports the generation of H5 and mini-program multi-terminal malls.

★18. WebGPU Samples

Site: https://github.com/austinEng/ webgpu-samples

WebGPU is the latest Web 3D graphics API. There are currently very few learning materials about WebGPU on the Internet. This project contains a series of WebGPU examples and code, which can help You get started quickly.

★19. Front-end information TNT Weekly

Site: https://github.com/tnfe/TNT-Weekly

A weekly project maintained by the front-end team of Tencent News TNTWeb, which recommends you the latest excellent articles and industry progress in the front-end field at home and abroad every week. The project has received 3.5k stars since it was open sourced and is deeply loved by the majority of front-end developers in the industry.

★ 20. Programmers cook at home

Site: https://github.com/Anduin2017/HowToCook

There are recipes everywhere. You can find them all over the Internet. There are even video tutorials, but there are always elusive "appropriate amounts" and "seasonings" that pop up from time to time. This is really a headache for programmers who have always been cautious and clear in doing things, and the "HowToCook" project was born.

---

Thank you for your patience in reading!

Original address: https://juejin.cn/post/7071857303590273061

Author: Tencent TNTWeb front-end team

[Related video tutorial recommendations: web front end】