An enterprise-level UI component library and front-end solution based on Vue.js 3

Overview

View UI Plus

An enterprise-level UI component library and front-end solution based on Vue.js 3

View UI Plus NPM downloads NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/iview/iview

Docs

https://www.iviewui.com

Features

  • Dozens of useful and beautiful components.
  • Friendly API. It's made for people with any skills level.
  • Extensive documentations and demos.
  • It is quite awesome.

Install

We provide starter kit for you.

Install View UI Plus

Using npm:

npm install view-ui-plus --save

Using a script tag for global use:

">
<script type="text/javascript" src="viewuiplus.min.js">script>
<link rel="stylesheet" href="dist/styles/viewuiplus.css">

You can find more info on the website.

Usage

">
<template>
    <Slider v-model="value" range />
template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
script>

Using css via import:

import 'view-ui-plus/dist/styles/viewuiplus.css'

Community

If you want to contribute us or in case you are haiving any doubt.

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name Avatar Name Avatar Name Avatar
Aresn jingsam rijn
lcx960324 GITleonine1989 huixisheng
Sergio Crisostomo lison16 Xotic750
huanghong1125 yangdan8 likuner

License

MIT

Copyright (c) 2016-present, ViewDesign

Comments
  • [Bug Report]vite,vue main.js,import 'view-ui-plus/src/styles/index.less' ,提示 fonts/ionicons.ttf?v=3.0.0 not found

    [Bug Report]vite,vue main.js,import 'view-ui-plus/src/styles/index.less' ,提示 fonts/ionicons.ttf?v=3.0.0 not found

    Environment

    mac / chrome 101.0.4951.64 / vue 3.2.20

    Reproduction link

    https://run.iviewui.com/WIeCe4dp

    Steps to reproduce

    使用vite vue ,main.js 中 import 'view-ui-plus/src/styles/index.less' ,控制台提示 fonts/ionicons.ttf?v=3.0.0 not found,并且页面中icon看不见。

    What is expected?

    定制主题后,icon正常显示。

    What is actually happening?

    定制主题后,icon不显示。

    opened by xinlei3166 5
  • Nuxt3 - [Vue warn]: Failed to resolve component

    Nuxt3 - [Vue warn]: Failed to resolve component

    If you set ssr: true mode in Nuxt 3, ...

    import { defineNuxtConfig } from 'nuxt';
    
    export default defineNuxtConfig({
      ssr: true,
    });
    

    ... you get the following message in the console.

    [Vue warn]: Failed to resolve component: Button
    If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
    [nitro] [dev] [unhandledRejection] TypeError: Invalid value used as weak map key
        at WeakMap.set (<anonymous>)
        at normalizePropsOptions (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3966:11)
        at createComponentInstance (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6952:23)
        at renderComponentVNode (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:171:22)
        at Module.ssrRenderComponent (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12)
        at _sfc_ssrRender (file:///home/projects/nuxt-starter-7kmya5/.nuxt/dist/server/server.mjs:3388:31)
        at renderComponentSubTree (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:253:13)
        at renderComponentVNode (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16)
        at Module.ssrRenderComponent (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12)
        at default (file:///home/projects/nuxt-starter-7kmya5/.nuxt/dist/server/server.mjs:2658:37)
    

    Playback on Stackblitz >>>

    //---

    How do I get rid of this message?

    opened by tol64 5
  • vite 搭建未支持 【按需引用】

    vite 搭建未支持 【按需引用】

    import Components from 'unplugin-vue-components/vite' import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

    Components({ // customComponentsResolvers has renamed to resolver resolvers: [ ElementPlusResolver(), ], }),

    image

    opened by tairenzhen 4
  • [Bug Report]Modal 的on-ok方法设置了visible=false,导致点确认按钮都会关闭Modal

    [Bug Report]Modal 的on-ok方法设置了visible=false,导致点确认按钮都会关闭Modal

    Environment

    vue ^2.6.10, "view-design": "^4.2.0",

    Reproduction link

    http://iviewui.com/view-ui-plus/component/view/modal

    Steps to reproduce

    在modal内部,使用了表单,点确认的时候会去验证表单,如果表单报错,此时不想关闭modal。但由于view-design 的modal组键on-ok源码: if (this.loading) { this.buttonLoading = true; } else { this.visible = false; this.$emit('input', false); } this.$emit('on-ok'); 代码中this.visible = false;自动关闭了modal。虽然loading控制可以控制,但并不完美。需要使用者做这样的代码: this.loading = false; setTimeout(() => { this.loading = true; }, 100);这样modal才不会关闭,并且有loading状态。

    What is expected?

    期望能在on-ok方法中去掉this.visible = false,由使用者自己控制onOk事件modal的显隐控制。

    What is actually happening?

    虽然loading控制可以控制,但并不完美。

    opened by Dahyzeng 3
  • [Bug Report]Vite Vue3 使用变量覆盖定制主题后使用Icon 显示 ionicons.woff 未找到

    [Bug Report]Vite Vue3 使用变量覆盖定制主题后使用Icon 显示 ionicons.woff 未找到

    Environment

    MacOS / Chrome 107.0.5304.121 / Vue3 TS

    Reproduction link

    https://run.iviewui.com/Dt8izvCt

    Steps to reproduce

    在Main.ts 中 import ViewUIPlus from 'view-ui-plus'; import 'view-ui-plus/dist/styles/viewuiplus.css'; import '@/style/iView.less'; Vue.use(ViewUIPlus, { transfer: true, });

    iView.less中 @import 'view-ui-plus/src/styles/index'; @primary-color: pink;

    在例如上面的重现链接中使用 Icon 时,会报

    XXXX:8080/fonts/ionicons.woff2?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.woff?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.ttf?v=3.0.0 net::ERR_ABORTED 404 (Not Found)

    打包后,生产环境中,无法显示 Icon 中的图标,报上述同样错误

    What is expected?

    希望能够在使用变量覆盖定制主题后使用Icon正常

    What is actually happening?

    实际是在开发/生产环境中,都会报错 其中开发环境能看到图标,生产环境无法看到图标

    XXXX:8080/fonts/ionicons.woff2?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.woff?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.ttf?v=3.0.0 net::ERR_ABORTED 404 (Not Found)

    opened by Bliners 2
  • [Bug Report] View UI Plus DatePicker 日期选择器 不显示,并浏览器报错

    [Bug Report] View UI Plus DatePicker 日期选择器 不显示,并浏览器报错

    我使用的是非template方式运行的:

    浏览器出现的错误:

       Uncaught TypeError: Cannot read properties of null (reading 'slice')
    at Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:31690:31
    at Proxy.datePanelLabel (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:33540:49)
    at ReactiveEffect.run (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:593:29)
    at get value [as value] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:1575:43)
    at Object.get [as datePanelLabel] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:4885:32)
    at Proxy.I0 (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:33639:35)
    at renderComponentRoot (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:2487:48)
    at ReactiveEffect.componentUpdateFn [as fn] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:6880:61)
    at ReactiveEffect.run (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:593:29)
    at instance.update (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:6989:58)
    

    代码错误位置:

    , n = new RegExp(["yyyy", "Mmmm", "mmmm", "Mmm", "mmm", "mm", "m"].join("|"),"g"); return function(i, l, r) { const s = /([[^]]+])([^[]]+)([[^]]+])/ , a = l.match(s).slice(1)//代码错误位置 , o = a[1] , d = [a[0], a[2]].map(c=>({ label: c.replace(/[[^]]+]/, m=>m.slice(1, -1).replace(n, C=>e[C](r, i))), type: c.indexOf("yy") != -1 ? "year" : "month" })); return { separator: o, labels: d } }

    浏览器出现的警告:

       [Vue warn]: Unhandled error during execution of render function 
    

    at <DatePickerPanel ref="pickerPanel" visible=false showTime=false ... > at <BaseTransition appear=false persisted=false mode=undefined ... > at at <Drop ref="drop" visible=false classes= Object ... > at <CalendarPicker type="date" modelValue="" onUpdate:modelValue=fnonUpdate:modelValue ... > at at <ICol span="12" offset="" f="QUALIFYING_DATE" ... > at at <IForm rules= Object i="0" fi="0" ... > at at at

    invalid 
    opened by danceboy-520 2
  • [Bug Report]导给设置了icon的Input,添加clearable,会导致输入以后icon消失

    [Bug Report]导给设置了icon的Input,添加clearable,会导致输入以后icon消失

    Environment

    vue ^2.6.10, "view-design": "^4.2.0",

    Reproduction link

    https://run.iviewui.com/PChDwDQh

    Steps to reproduce

    导给设置了icon的Input,添加clearable,输入内容以后icon消失

    What is expected?

    hover时显示close,其他时候显示原icon

    What is actually happening?

    hover时显示close,其他时候原icon消失

    opened by Younglina 2
  • 引用就报错 `Argument of type 'ViewUIPlus' is not assignable to parameter of type 'Plugin_2'.`

    引用就报错 `Argument of type 'ViewUIPlus' is not assignable to parameter of type 'Plugin_2'.`

    引用就报错了: Argument of type 'ViewUIPlus' is not assignable to parameter of type 'Plugin_2'.

    import { createApp } from 'vue';
    import ViewUIPlus from 'view-ui-plus';
    import 'view-ui-plus/dist/styles/viewuiplus.css';
    import App from '@/App.vue';
    
    const app = createApp(App);
    app.use(ViewUIPlus).mount('#app');
    

    "vue": "^3.2.33", "view-ui-plus": "^1.0.0",

    opened by wuliupo 2
  • fix: ellipsis组件由于缺少小数而导致的部分字号(如2.7rem)缺行

    fix: ellipsis组件由于缺少小数而导致的部分字号(如2.7rem)缺行

    解决以下issue中提到的漏洞 [Bug Report]ellipsis设置lines显示错误

    归因

    经简单测试得出这是由于粗暴地取整导致; 如在我的电脑上lineHeight=2.7rem=64.8px,被取作64, 此时导致计算出的height略小于实际需要的高度,导致行数>1时总是缺少1行。

    测试使用来自上述issue的代码

    invalid 
    opened by MuttonYung 1
  • [Bug Report]文档关于 props 中 `to` 属性的说明有问题,以 Button 组件为例

    [Bug Report]文档关于 props 中 `to` 属性的说明有问题,以 Button 组件为例

    Environment

    windows chrome vue3

    Reproduction link

    https://run.iviewui.com/aVlYanan

    Steps to reproduce

    只要将 to 设置为 对象

    What is expected?

    将官方文档进行修改

    What is actually happening?

    传递的 to 不生效

    opened by jyp114110 1
  • Could you please start using English?

    Could you please start using English?

    What problem does this feature solve? Project is unusable worldwide as most of parts are not in English

    What does the proposed API look like? Translate everything on page to English, push users to write issues in English

    Examples: Screenshot 2022-08-14 at 09 44 13 Screenshot 2022-08-14 at 09 39 53

    opened by luckylooke 1
  • [Bug Report]在抽屉组件里使用头像,头像里的文字会发生偏移

    [Bug Report]在抽屉组件里使用头像,头像里的文字会发生偏移

    Environment

    Chrome

    Reproduction link

    https://run.iviewui.com/acxv9I9w

    Steps to reproduce

    设置一个抽屉组件,抽屉组件里添加头像组件 头像组件USER

    点击一个按钮打开抽屉

    注意:如果是第二次打开抽屉,文字可能不会偏移

    What is expected?

    头像组件里的文字不偏移

    What is actually happening?

    抽屉里的头像组件里的文字发生偏移

    opened by superocky 0
  • [Bug Report]Layout 下的Sider组件在使用响应式布局时设置collapsedWidth无效,宽度回直接变为0

    [Bug Report]Layout 下的Sider组件在使用响应式布局时设置collapsedWidth无效,宽度回直接变为0

    Environment

    macos

    Reproduction link

    https://www.iviewui.com/view-ui-plus/component/layout/layout#media

    Steps to reproduce

    siderWidth () { return this.collapsible ? (this.modelValue ? (this.mediaMatched ? 0 : parseInt(this.collapsedWidth)) : parseInt(this.width)) : this.width; }, 在响应式布局中使用breakpoint后,侧边栏收缩后宽度变为0了,应该是设置的collapsedWidth

    What is expected?

    修复bug

    What is actually happening?

    bug还在

    opened by YangZhen-Code 0
  • fix: Modal组件可拖拽状态下设置宽度为百分比时窗口显示异常

    fix: Modal组件可拖拽状态下设置宽度为百分比时窗口显示异常

    对以下issue中提出的bug进行修复 [Bug Report]Modal组件 可拖拽状态下 设置宽度为百分比时窗口显示异常

    问题复现

    bug原因 Modal组件在可拖拽状态下,初始化时重复设置了Width属性,因此当宽度设置为固定值时没有错误,而设置为百分比时会将两个百分比相乘作为最终结果 而在窗口位置发生移动时,会将整体宽度设置为100%,此时表现正常

    解决方法 由于需要初始化窗口位置,所以保留初始化时对整体宽度的设置,去除窗口宽度设置 在后续窗口位置发生移动时,在将整体宽度设置为100%时同时为窗口补充宽度设置

    opened by jearyt 0
  • Fix: 禁用的树节点不被父节点影响

    Fix: 禁用的树节点不被父节点影响

    当前的版本 虽然子节点被禁用,但可以通过父节点选中被禁用的子节点 disabled和disableCheckbox两个属性仅有的区别为

    • disabled禁用了响应函数
    • disabled会设置额外的样式(Classes),但是似乎这些样式是空的

    修改后 disabled的节点无法被父节点选中

    目前存在的问题:
    没有处理子节点,因此可以通过子节点选中disabled的父节点
    可能的方案:考虑到实际使用,可以将disabled节点显示为叶子节点,无法展开
    或者 将disabled节点的子节点全部设置为disabled的

    Tree 树形控件

    API

    Children

    属性 | 说明 | 类型 | 默认值 -- | -- | -- | -- disabled | 禁用checkbox和响应,不能被父节点选中 | Boolean | false disableCheckbox | 禁掉 checkbox | Boolean | false

    opened by MuttonYung 0
  • [Bug Report]组件在mounted()错误。

    [Bug Report]组件在mounted()错误。

    Environment

    当前 Vue 版本为 3.2.36,View UI Plus 版本为 1.3.1

    Reproduction link

    https://run.iviewui.com/p9p9khXp

    Steps to reproduce

    mounted() 周期事件中调用组件方法

    What is expected?

    this.$Modal 正常显示

    What is actually happening?

    报错:Cannot read properties of undefined (reading '$parent')


    this.$Spin 也报错

    opened by BigQ517 0
  • [Feature Request]树组件箭头样式间距未继承原版本

    [Feature Request]树组件箭头样式间距未继承原版本

    What problem does this feature solve?

    所有树组件、树表格等用到箭头处右侧无间距 易导致误点击 https://www.iviewui.com/view-ui-plus/component/view/tree image

    历史版本有间距 http://v4.iviewui.com/components/tree image

    What does the proposed API look like?

    与历史版本相同

    opened by Exrick 0
Releases(v1.3.1)
  • v1.3.1(Jun 29, 2022)

    • Provide a TypeScript project. view-ui-project-ts
    • Playground's default template supports switching between Composition API and Options API. Playground
    • Fix the problem that the ImagePreview action bar is not displayed completely on the mobile side. #104
    • Fix an issue where the color could not be determined when the ColorPicker was under the transfer mode. #64
    • Fix Login verification, the default error prompt is not displayed. #106
    • Fix the problem that types reported errors in some TS environments. https://github.com/view-design/ViewUIPlus/commit/abb1bd5dfd26b5fb8b52b90a48d1269820d33cc9

    • 提供基于 TypeScript 的工程。view-ui-project-ts
    • Playground 默认模板支持切换组合式 API 和选项式 API。Playground
    • 修复 ImagePreview 操作栏在移动端显示不完整的问题。#104
    • 修复 ColorPicker 开启 transfer 时,无法确定颜色的问题。#64
    • 修复 Login 校验,不显示默认错误提示的问题。#106
    • 修复 types 在部分 TS 环境下报错的问题,现在可以更好地使用 TS 了。https://github.com/view-design/ViewUIPlus/commit/abb1bd5dfd26b5fb8b52b90a48d1269820d33cc9
    Source code(tar.gz)
    Source code(zip)
    viewuiplus.min.esm.js(1.18 MB)
    viewuiplus.min.js(692.64 KB)
  • v1.3.0(Jun 21, 2022)

    • Add new component Space. #97
    • ImagePreview adds download function. #101
    • ImagePreview adds a new property toolbar, which allows you to select and sort the enabled shortcut functions. #101
    • ImagePreview supports $ImagePreview instantiation calls.
    • Added drag gesture style to ImagePreview. #100
    • Skeleton adds the last paragraph effect. #87
    • Result property type added warning.
    • Optimized documentation examples.
    • Fix Select remote search problem. #90
    • Fix ImagePreview problem. #93
    • Fix Layout style problem. https://github.com/view-design/ViewUIPlus/commit/df1b76a599ca95a2dd6ec510dbc0cda2b30ec4db
    • Fix the problem of wrong types of some components. https://github.com/view-design/ViewUIPlus/commit/f4cf57930cc0e976ae7dd49fe64841b921877d77

    • 新增间距组件 Space。#97
    • ImagePreview 新增下载图片功能。#101
    • ImagePreview 新增属性 toolbar,可选择开启的快捷功能并排序。#101
    • 图片预览支持 $ImagePreview 实例化调用。
    • ImagePreview 新增拖拽手势样式。#100
    • Skeleton 默认样式,增加最后一个段落效果。#87
    • Result 属性 type 新增 warning。
    • 优化大量文档示例。
    • 修复 Select 远程搜索的问题。#90
    • 修复 ImagePreview 点击控制条关闭预览的问题。#93
    • 修复 Layout 样式问题。https://github.com/view-design/ViewUIPlus/commit/df1b76a599ca95a2dd6ec510dbc0cda2b30ec4db
    • 修复部分组件 types 错误的问题。https://github.com/view-design/ViewUIPlus/commit/f4cf57930cc0e976ae7dd49fe64841b921877d77
    Source code(tar.gz)
    Source code(zip)
    viewuiplus.min.esm.js(1.18 MB)
    viewuiplus.min.js(692.61 KB)
  • v1.2.0(Jun 13, 2022)

    • Add new component Typography. Typography consists of 5 components:
      • Typography
      • Title
      • Paragraph
      • Text
      • Link
    • Add new component Skeleton. #65
    • Add new component Image. It consists of 2 components: #66
      • Image
      • ImagePreview
    • Fixed some CSS errors. #61
    • Fix Row component type error.
    • Fix the problem that the Alert component icon is not centered.

    • 新增排版组件 Typography,内置丰富的内容排版 UI,支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件:
      • Typography 内容结构
      • Title 标题
      • Paragraph 段落
      • Text 行内文本
      • Link 链接
    • 新增骨架屏组件 Skeleton。 #65
    • 新增图片组件 Image。包含两个组件:#66
      • Image 图片
      • ImagePreview 图片预览
    • 修复部分 CSS 在部分环境下出错的问题。#61
    • 修复 Row 组件 types 错误的问题。
    • 修复 Alert 组件图标不居中的问题。
    Source code(tar.gz)
    Source code(zip)
    viewuiplus.min.esm.js(1.17 MB)
    viewuiplus.min.js(685.25 KB)
  • v1.1.0(May 30, 2022)


    Source code(tar.gz)
    Source code(zip)
    viewuiplus.min.esm.js(1.12 MB)
    viewuiplus.min.js(650.84 KB)
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop

vueComponent 17.6k Jan 4, 2023
Enterprise UI for Vue.js.

Enterprise UI components for Vue.js. Based on BAIDU's Design Language System (DLS).

Baidu EFE team 982 Jan 6, 2023
Vue.js components implementation of Fundamental Library Styles guidelines. The library is aiming to provide a Vue.js implementation of the components designed in Fundamental Library Styles.

Fundamental Vue Description The fundamental-vue library is a set of Vue.js components built using Fundamental Library Styles. Fundamental Library for

SAP 188 Jan 1, 2023
:diamonds: A modular and customizable UI library based on Material Design and Vue

BalmUI Next Generation Material UI for Vue.js Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js. ?? NOW, balm-ui

BalmJS 428 Jan 4, 2023
🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

??Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

Yan Savinov 873 Jan 3, 2023
Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook.

Storefront UI Current status: Stable beta! Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vu

Vue Storefront 2k Dec 30, 2022
🎉 A high quality component library built on Vue.js 2.0

dao-style A high quality component library built on Vue.js. English | 简体中文 Docs latest Who's using dao-style DaoCloud DaoVoice If you are also using d

DaoCloud.io 116 Aug 31, 2022
A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.

Naive UI A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not too Slow Kinda Interesting English | 中文 Documentation ww

TuSimple 11.3k Jan 4, 2023
A Vue.js 2.0 universal responsive UI component library

A Vue.js 2.0 universal responsive UI component library.. ?? Only for study purposes, do not use in production Docs Home Page Storybook Getting Started

Osiris UI 36 May 4, 2021
A Vue 3 Component Library🖖

Unge - Means young in Danish Introduce ?? A component library based on Vue3 ?? Writen in .jsx | .vue && stylus Usage Install $ yarn add ungeui Import

null 54 Dec 30, 2022
A flexible {vue3 + TS} UI component library

Viewer-Design UI Viewer-Design - A customized UI Library ?? Vue 3.0 Composition API ?? Written in TypeScript Status: Beta This project is still under

null 24 Dec 16, 2022
🖖Element-ui-s is a interesting component library 🦄

??Element-ui-s is a interesting component library ??

null 33 Aug 24, 2022
Free and Open Source UI Library for Vue 3 🤘

Free and Open Source UI Library for Vue 3 ??

Epicmax 2k Jan 7, 2023
A library of UI widgets built using Vue.js and TailwindCSS.

This library contains a set of UI widgets / components. They range from something as simple as a button, to as complex as a fully-featured Markdown-based text editor. Originally, these components were exclusively part of Lumeno's codebase, however they have since been extracted, extended and made available for open-source use.

Lumeno 73 Dec 21, 2022
A library of UI components built using Vue.js and TailwindCSS

Varnish This library contains a set of UI components. They range from something as simple as a button, to as complex as a fully-featured, Markdown-bas

Caneara 73 Dec 21, 2022
Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS

Vue3-ui Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS Documentation The full documentation f

null 50 Dec 7, 2022
Modern UI Library that is beautifully designed and ready to use.

Jenika-UI Modern UI Library that is beautifully designed and build projects on top of that. Installation Install from your favourite package managers.

Anbuselvan Rocky 3 Sep 16, 2022
MADE Vue - A library of Vue 3 UI Components

MADE Vue A library of Vue 3 UI Components. Support MADE Vue ♥ Projects like MADE Vue are built and maintained in spare time. If you find this project

MADE Apps 4 Oct 6, 2022