Web 资源
人生如棋,落子无悔;处世之道,贵在从容
✨ 框架
Vue.js - 渐进式 JavaScript 框架,易学易用,性能出色
React - 用于构建 Web 和原生交互界面的库
Electron - 使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序
HarmonyOS- 华为开发者联盟 - HarmonyOS 开发者官网,共建鸿蒙生态
uni-app - 一套代码可发布到 iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台
微信小程序 - 一个简单、高效的应用开发框架和丰富的组件及 API,帮助开发者在微信中开发具有原生 APP 体验的服务
Next.js - 一个轻量级的 React 服务端渲染应用框架
Nuxt - 直观地使用 Vue.js 进行全栈开发
微前端
- qiankun - 可能是你见过最完善的微前端解决方案 🧐
- 无界 - 极致的微前端框架;基于 WebComponent 容器 + iframe 沙箱
- Garfish - 包含构建微前端系统时所需要的基本能力,任意前端框架均可使用
- icestark - 面向大型系统的微前端解决方案
- MicroApp - 一款简约、高效、功能强大的微前端框架
🎯 组件库
Vue
- Element Plus - 基于 Vue 3,面向设计师和开发者的组件库
- Naive UI - 一个 Vue 3 组件库;比较完整,主题可调,使用 TypeScript
- layui - vue - layui - vue(谐音:类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库
- Ant Design Vue - 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践
- View Design - 基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务
- shadcn/vue - 设计精美的组件,您可以复制和粘贴到您的应用程序。使用 Tailwind CSS 制作。开源
- Element Plus X - 开箱即用的企业级 AI 交互组件库,让构建智能界面像搭积木一样简单
React
- Ant Design - 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。
- shadcn/ui - 设计精美的组件,你可以复制和粘贴到你的应用程序。可访问。可定制的。开源的。
- Magic UI - 开源动画组件和效果,包括 React、Typescript、Tailwind CSS 和 Motion。shadcn/ui 的完美伴侣。
- Ant DesIgn X - Ant Design 团队匠心呈现 RICH 设计范式,打造卓越 AI 界面解决方案,引领智能新体验。
uni-app
- Wot UI - 高颜值、轻量化的 uni-app 组件库。
- TuniaoUI - 基于 uni-app 开发的跨平台 Vue3 组件库。
- uview-plus - 全面兼容 nvue 的 uni-app 生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。
- uv-ui - 破釜沉舟之兼容 vue3+2 等多端基于 uni-app 和 uView2.x 的生态框架,支持单独导入,开箱即用,利剑出击。
- unibest - 最好的 uniapp 框架,开箱即用,提供舒适开发体验。
多端
📦React 生态
- TanStack Router - 现代化和可扩展的路由选择
- TanStack Query - 强大异步状态管理功能
- TanStack Store - 内部状态管理
⚽CSS 插件
- Tailwind CSS - 只需 HTML 即可快速构建现代网站
- weapp-tailwindcss - uni-app 使用 tailwindcss 全方面解决方案
⛳ 工具库
- VueUse - Vue 组合式工具集
- Vue hooks plus - 高性能的 vue hooks 库
- Day.js - 体积 2KB 的 JavaScript 日期工具库
- ahooks - 一套高质量可靠的 React Hooks 库
- Alova.js - 工作流精简的下一代请求工具
- vue-draggable-plus - 支持 Vue2 和 Vue3 的拖拽组件
- VueRequest - 一个 Vue 请求库
🎮 富文本
- MdEditorV3 - Markdown 编辑器 Vue3 版本,支持切换主题、prettier 美化文本等
- Textbus - 支持多前端框架、高性能的富文本库
- wangEditor-next - 开源 Web 富文本编辑器,开箱即用,配置简单
- ByteMD - 使用 Svelte 构建的 Markdown 编辑器组件
- Tiptap - 无头开源编辑器框架
🎁 可视化
- relation-graph - 支持 Vue2、Vue3、React 的关系数据展示组件
- Vue-ECharts - Apache EChart 的 Vue.js 组件
- Vue Data UI - 一个赋予用户权力的数据可视化 Vue3 组件库,用于巧妙地叙述数据故事
- makeapie echarts - 图表可视化案例, 分享你的可视化作品
- Echarts 图表集 - Echarts 图表集
- PPChart - 让图表更简单。PPChart 提供 Echarts 收录、图表制作等服务
- AntV - 蚂蚁企业级数据可视化解决方案,让人们在数据世界里获得视觉化思考能力
- Chart.js - 用于现代网络的简单而灵活的 JavaScript 图表库
- uCharts - 高性能跨平台图表库,PC、H5、APP、小程序、Vue、Taro
- DataV - Vue3 - 支持 Vue3 + Vite 的 DataV 组件库
- vue3-tree-org - 基于 vue3.x 的组织架构图
🎨 动画/特效
- Motion Vue - 基于运动的 Vue.js 动画库,为现代网络应用程序提供简单、强大和高性能的动画
- NumberFlow - 一个动画数字组件。无依赖性。可访问可定制,支持 Vue、React
- Animate.css - 一个随时可用的跨浏览器动画库
- tsParticles - 用于创建粒子的轻量级 TypeScript 库
- AnimeJS - 一体化动画引擎
- Inspira UI - 使用 Vue 和 Nuxt 构建精美网站的开源组件
- GSAP - 为专业人士构建的强大 JavaScript 动画库
🎈 图标
- iconfont - 阿里妈妈 MUX 倾力打造的矢量图标管理、交流平台
- IconPack - 丰富多彩的资源库免费使用
- Iconify - 所有流行图标集中的开源矢量图标
- Font Awesome - 一款专业的互联网图标库和工具套件
- Shields.io - 一项简洁、一致、易读的徽章服务