Skip to content

Web 资源

约 1690 字大约 6 分钟

2025-05-22

人生如棋,落子无悔;处世之道,贵在从容

✨ 框架

  • 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 框架,开箱即用,提供舒适开发体验。

多端

  • daisyUI - 更快、更清洁、更简单的 Tailwind CSS 开发。
  • Layui - 原生态 · 开源;极简模块化 Web UI 组件库。
  • Vant - 轻量、可定制的移动端 Vue 组件库。

📦React 生态

⚽CSS 插件

⛳ 工具库

🎮 富文本

  • 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 - 一项简洁、一致、易读的徽章服务

🎃 设计灵感

  • Uiverse - 社区构建的 UI 元素库,复制为 HTML/CSS、Tailwind、React 和 Figma。
  • HTMLrev - 1500 多个免费 HTML 模板。
  • Svg Wave - 自由和美丽的梯度 Svg 波浪生成器。
  • Web 安全色 - WEB 安全色。

豫ICP备18027433号 萌ICP备20240840号 本网站由又拍云提供CDN加速/云存储服务