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.
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/
#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.
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%.
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.
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.
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.
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.
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.
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.
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.
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.
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.
An online video editor that supports timeline operation, video cropping and other functions. The project uses server-side rendering and supports modern mainstream browsers.Site: https://github.com/kudlav/videoeditor
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.Site: https://github.com/drawcall/clock-shop
##★15. Awesome made by chinese
Site: https://github .com/JN-H/awesome-made-by-chinesehttps://github.com/igoradamenko/awesome-made-by-russiansOpen 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
##★16. 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
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】
![Collection of front-end practical projects [A must-have for beginners] [Taught by an architect with a million-dollar annual salary]](https://img.php.cn/upload/course/000/000/068/6242bf0e26fc6450.png)
![Practical development of imitation Meituan APP [A must-have JavaScript project for front-end programmers]](https://img.php.cn/upload/course/000/000/068/6242bebc05ca9210.png)
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
