開源的世界每天都豐富多彩，2022年前端領域會有什麼新的挑戰？下面是我們整理的20個有趣的開源專案，希望當中有您想要收藏的那一個。
★1. Proton粒子
Site: https://github.com/drawcall/P...
Proton是一個輕量、靈活的Javascript粒子動畫庫。使用它可以輕鬆建立各種炫酷粒子動畫效果，該專案在github被近 2k 專案引用。Proton還支援3d粒子版本https://github.com/drawcall/three.proton/ 。
★2. Awesome LowCode Component
Site: https://github.com/aliaszz/aw...
LowCode - 最近幾年前端領域最火的概念, Awesome LowCode Component 專案為您收集了各種LowCode元件和前沿的技術方案, 可用於快速構建企業級專案或者直接用於開發, 大幅提高業務需求和商業變現的效率。
★3. wp2vite
Site: https://github.com/tnfe/wp2vite
一個特別有用的專案, 它可以讓你的webpack專案支援vite。相較於webpack，vite開發環境構建速度可以提升80%左右，構建生產環境能夠提升50%左右。
★4. Awesome State
Site: https://github.com/tnfe/aweso...
網羅行業內各種各樣的前端 狀態管理 方案，包含react、vue、angular、小程式等狀態庫。
★5. 前端工程化工具Feflow
Site: https://github.com/Tencent/fe...
Feflow是騰訊開源的用於提升工程效率的前端工作流和規範工具。目前已經在NOW直播、花樣直播、花樣交友、手Q附近、群視訊、群送禮、迴音、應用寶、企鵝號等業務廣泛使用。
★6. TDesign React Starter
Site: https://github.com/Tencent/td...
TDesign React Starter 是一個基於 tdesign-react，使用 React、Vite2開發，可進行個性化主題配置，旨在提供專案開箱即用的、配置式的中後臺專案。
★7. Web IDE UI
Site: https://github.com/DTStack/mo...
Molecule是一個受VS Code啟發，使用React.js構建的Web IDE UI 框架。通過設計一種類似VS Code擴充套件機制（Extension），可快速、輕鬆搭建一個高度抽象的Web IDE UI系統。
★8. Flutter 遊戲library
Site: https://github.com/flutterkit...
Zerker 是一個靈活、輕量的Flutter動畫遊戲框架。使用Flutter來開發跨端遊戲您試過嗎? 同時它還可以製作Widget元件動畫效果，比方飛出動畫、彈窗動畫、場景轉場等等。
★9. InkPaint
Site: https://github.com/drawcall/i...
InkPaint是一個執行在node.js端的輕量級Canvas圖形渲染庫。使用InkPaint可以在服務端動態合成各種圖片、pdf等。同時，InkPaint是node.js和瀏覽器之間的通用庫，在瀏覽器端依然可以正常執行。
★10. Golang for Node.js Developers
Site: https://github.com/miguelmota...
本指南包含大量示例，適用於從 Node.js 學習 Go 的人，反之亦然。Go 是一個具有高效能、高併發、跨平臺的語言，正在得到越來越來廣泛的關注與應用。俗話說，技多不壓身，多掌握一門語言也就意味著在應用開發的時候擁有了更豐富的選擇餘地。
★11. 雲開發CloudBase CMS
Site: https://github.com/TencentClo...
CloudBase CMS 是騰訊雲開發推出的，基於 Node.js 的 Headless 內容管理平臺，提供了豐富的內容管理功能，安裝簡單，易於二次開發，並與雲開發的生態體系緊密結合，助力開發者提升開發效率。
★12. qiankun微前端實踐
Site: https://github.com/wl-ui/wl-mfe
qiankun 是一套完整的微前端解決方案，這個專案將通過一個微服務Demo 介紹 Vue 專案如何接入 __qiankun__。本專案是基於vue3+koa2+qiankun2的微前端後臺管理系統專案實戰。
★13. 線上視訊編輯器
Site: https://github.com/kudlav/vid...
一個線上視訊編輯器, 支援時間軸操作和視訊裁剪等功能。專案使用伺服器端渲染, 支援現代主流瀏覽器。
★14. 程式碼時鐘收藏
Site: https://github.com/drawcall/c...
這個專案收藏了幾十款各種各樣好玩的時鐘程式碼。找一款好看的時鐘掛到你的部落格主頁上, 瞬間會讓它變得高大上。
★15. Awesome made by chinese
Site: https://github.com/JN-H/aweso...
Github上來自中國開發者的開源專案，這個專案裡收集並整理了部分我們中國開發者自己的作品，其中每一個都值得點贊。類似Awesome專案還有
- 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/...
面向事務的高可用 Web Worker 通訊框架, 經受住騰訊文件等大型前端專案的考驗。
★17. 商城低程式碼平臺
Site: https://github.com/wangyuan38...
Mall-Cook 是一個基於 vue 開發的視覺化商城搭建平臺，包括多頁面視覺化構建、Json Schema 生成器（視覺化搭建物料控制皮膚），實現元件流水線式標準接入平臺。最新版本使用 uni-app 重構物料、模板專案，支援生成 H5、小程式多端商城。
★18. WebGPU Samples
Site: https://github.com/austinEng/...
WebGPU是最新的Web 3D圖形API, 目前網路上關於WebGPU的學習資料非常少, 本專案中包含了一系列WebGPU例子以及程式碼, 它可以幫助您快速上手。
★19. 前端資訊 TNT Weekly
Site: https://github.com/tnfe/TNT-W...
由騰訊新聞TNTWeb前端團隊維護的weekly專案，每週為您推薦國內外前端領域最新的優秀文章以及行業進展。該專案自開源以來收穫 3.5k+ star，深受業內廣大前端開發者喜愛。
★20. 程式設計師在家做飯
Site: https://github.com/Anduin2017...
菜譜哪都有，上網一搜遍地都是，甚至還有視訊教程，可裡面總會時不時出現難以捉摸的“適量”、突然冒出的“調料”等，這對做事向來謹慎明確的程式設計師來說，實在頗為頭疼，“HowToCook”專案也由此誕生。
感謝您的耐心閱讀！
