2024年国产开源前端项目 Top 10

本文将分享国产的 Github Star 数量 Top 10 的前端开源项目,你用过哪些?

在阅读本文之前,奇兵本人我已经使用过的有:Ant Design、Echarts、uni-app、Ant Design Pro、Taro,以下10个中本人已经用过5个,他们各有千秋,在不同的需求环境中使用不同的开源前端框架很重要。!!因为在未来优化决定你对整个项目结构以及规划进行的。建议大家可以都尝试使用。特别是uni-app ,我已经做了10+的APP和小程序、H5程序。不知道未来是否会出现抖音小程序、支付宝小程序等功能,但是还是很实用。至少在兼职这块是没问题。

Ant Design

蚂蚁集团开源的一套企业级 UI 设计语言和 React 组件库。

图片

Github(89.5k):https://github.com/ant-design/ant-design

vue-element-admin

vue-element-admin 是一个后台前端解决方案,它基于 Vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。

图片

Github(85.6k):https://github.com/PanJiaChen/vue-element-admin

ChatGPT-Next-Web

一键免费部署你的跨平台私人 ChatGPT 应用, 支持 GPT3, GPT4 & Gemini Pro 模型。

图片

Github(62.6k):https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web

Echarts

ECharts 是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。

图片

Github(58.4k):https://github.com/apache/echarts

Element UI

饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

图片

Github(53.9k):https://github.com/ElemeFE/element

vue2-elm

基于 Vue 2 + Vuex 构建一个具有 45 个页面的大型单页面应用(仿饿了么APP)。

图片

Github(40.7k):https://github.com/bailicangdu/vue2-elm

uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

图片

Github(39.2k):https://github.com/dcloudio/uni-app

Ant Design Pro

基于 Ant Design 的开箱即用的中台前端/设计解决方案。

Github(35.5k):https://github.com/ant-design/ant-design-pro

lx-music-desktop

洛雪音乐助手桌面版,一个基于 Electron + Vue 开发的音乐软件。

图片

Github(35.4k):https://github.com/lyswhut/lx-music-desktop

Taro

京东开源的开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。

图片

Github(34.4k):https://github.com/NervJS/taro

喜欢的话点点赞收藏一下谢谢

  • 13
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骑着牛的奇兵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值