Ashun's 技術駅 Ashun's 技術駅
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ashun

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • Vue
  • 现代web布局
  • React
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 技术资源
  • 第一阶段

    • HTML
  • 第二阶段

    • JavaScript
  • 第三阶段

    • Vue
  • 第四阶段

    • 实战项目
  • 每周测试

    • 每周
  • 其他

    • Vue引入UI框架
    • Web前端面试
    • Vue3-resource
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 福利资源
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • web端

    • 01UI库
      • Element-Plus
        • 资源地址
      • Ant Design Vue
        • 资源地址
        • 特性
      • Arco Design Vue
        • 资源地址
      • Quasar
        • 资源地址
      • Naive UI
        • 资源地址
      • Element3
        • 资源地址
      • Heyui
        • 资源地址
        • 特性
      • BalmUI
        • 资源地址
        • 特性
      • Vuestic UI
        • 资源地址
      • IDUX UI
        • 资源地址
        • 特性
      • RelaxPlus
        • 资源地址
      • Viewer Design
        • 资源地址
        • 特性
      • Vexip UI
        • 资源地址
        • 特性
      • Bin UI Next
        • 资源地址
        • 特性
    • 02开箱即用
    • 03富文本编辑器
    • 04markdown编辑器
    • 05上传组件
    • 06图片背景组件
    • 07音频视频组件
    • 08图标库
    • 09图表组件
    • 10拖拽组件
    • 11配套资源
    • 12文件组件
    • 13动画库
    • 14地图组件
    • 15其他组件
  • 移动端

  • 小程序

  • 文档&工具

  • 常用库

  • 《Vue3-resource》
  • web端
xugaoyi
2022-03-26
目录

01UI库

# UI 库

# Element-Plus

Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

start

# 资源地址

  • 官方文档:
    • 旧版本文档 (opens new window)
    • 新版本文档 (opens new window)
  • 仓库资源:
    • github 地址 (opens new window)
    • gitee 地址 (opens new window)

# Ant Design Vue

Ant Design Vue 是 Ant Design 的 Vue.js 实现,开发和服务于企业级后台产品

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:
    • github 地址 (opens new window)
    • gitee 地址 (opens new window)

# 特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 Vue 组件。
  • 共享 Ant Design of React 设计工具体系。

# Arco Design Vue

字节跳动基于 Arco Design (opens new window) 开源的 Vue UI 组件库。60 多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# Quasar

构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器(包括 iOS Safari!)

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# Naive UI

Naive UI 一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,不算太慢,有点意思

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:
    • github 地址 (opens new window)
    • gitee 地址 (opens new window)

# Element3

Element3,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# Heyui

[email protected] 是一套基于 Vue3.0 的开源 UI 组件库,主要服务于一些中后台产品。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

HeyUI 提供的是一整套解决方案,所有的组件提供全局的可配置模式。

  • 真正的数据驱动。
  • 全局的配置模式。
  • 数据字典化。

# BalmUI

BalmUI 是为 Vue.js 3.0 量身订制的模块化且高可定制化的 Material Design UI 库。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

  • 提炼自企业级中后台产品的交互效果和视觉风格
  • 开箱即用的高质量 Vue 组件/插件/指令/常用工具库
  • 深入每个细节的主题定制能力
  • 集成完整最新的 Material Icons
  • 所有组件和插件均高可定制化,并且可被独立使用

# Vuestic UI

Vuestic-ui 是 Vue 最漂亮的开源管理面板之一,擅长编写可维护的 Vue 代码,制作灵活的组件和接口。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# IDUX UI

IDUX UI是一套企业级中后台 UI 组件库, 致力于提供高效愉悦的开发体验。 基于 Vue 3.x + TypeScript 开发, 全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

  • Monorepo 管理模式:cdk, components, pro
  • 全面拥抱 Composition Api,从源码到文档
  • 完全使用 TypeScript 开发,提供完整的类型定义
  • 开箱即用的 Tree Shaking
  • 高覆盖率的单元测试
  • 国际化语言支持
  • 灵活的全局配置
  • 深入细节的主题定制能力

# RelaxPlus

RelaxPlus,一套为开发者学习 Vue 3.x 而准备的友好、简洁、轻盈、精致的桌面端组件库

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# Viewer Design

Viewer Design是一款基于 Vue3.0 + typescript 开发的中后台 UI 组件库, 组件的高配置性 + 传统的 UI 组件库的特性 + 更好的交互体验,为用户的使用提供了很大的便利

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

  • 丰富的组件以及功能,满足大部分中后台产品的业务场景;
  • 每个组件都用于高配置性,例如属性 styles,满足您的各种定制化
  • 所有组件基于 typescript ,CompositionAPI 以及 tsx 开发。是 Vuetypescript 爱好者绝佳学习对象。如果你希望使用 tsx 开-发高质量的 Vue 组件,那么强烈推荐尝试基于 Viewer-Design 的组件来封装
  • 支持组件按需引入,支持图标按需加载,组件库使用了 yarn + lerna 管理模式,可以单独下载并使用某一个组件
  • 为了满足日常的业务需求,从使用的角度提供了更多的指令,方便快捷。例如:复制文本,避免了单独下载插件来实现 实- 现过程中,所有使用到的组件都手写并且公开,没有用到任何外部组件, 所以无需担心下载包过大

# Vexip UI

Vexip UI 提供了一系类开箱即用的组件。 该组件库使用全新的 vue3.0 组合式 Api 编写,开发脚手架为最新的 vite2.0,并且应用 monorepo 的管理思想使得可以为每个组件启动独立的开发服务与建立单独的开发文件,是新一代 vue 组件库项目的一次尝试。

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

  • 丰富的组件和功能,为网站开发助力,大幅提高效率
  • 开箱即用的高质量 Vue3 组件
  • 符合直觉的 api 设计,易于理解与使用
  • 完全使用组合式 api 编写,拥有优秀的性能与拓展性

# Bin UI Next

Bin-UI-Next 是 bin-ui 的 vue3 升级版,目前组件库已经基本完成重构,整体组件依赖 vue3

start

# 资源地址

  • 官方文档:文档地址 (opens new window)
  • 仓库资源:github 地址 (opens new window)

# 特性

  • 基于 Vue 3.0 Composition API
  • 最新图标基于阿里 iconfont ant-design 官方图标精简版
  • 移除了部分冗余代码
  • 部分组件代码进行重构
编辑 (opens new window)
上次更新: 2023/08/06, 00:38:41
02开箱即用

02开箱即用→

最近更新
01
课件-react路由-V6
01-22
02
课件-国际化
01-22
03
课件-redux-toolkit
01-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式