wmfe / Xcui
Licence: other
🍴 A Vue.js 2.x desktop components colletion
Stars: ✭ 88
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Xcui
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (+187.5%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+7711.36%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Video Player
🎞 @videojs component for @vuejs
Stars: ✭ 4,026 (+4475%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Touch Ripple
👆 Touch ripple component for @vuejs
Stars: ✭ 443 (+403.41%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Particles
Vue.js component for particles backgrounds ✨
Stars: ✭ 1,220 (+1286.36%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+13618.18%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Quasar
Quasar Framework - Build high-performance VueJS user interfaces in record time
Stars: ✭ 20,090 (+22729.55%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
Vue Codemirror
⌨️ @codemirror component for @vuejs
Stars: ✭ 2,115 (+2303.41%)
Mutual labels: vue-components, vue-component, vuejs2, vue2
vue-notification-bell
Vue.js notification bell component.
Stars: ✭ 64 (-27.27%)
Mutual labels: vuejs2, vue-components, vue2, vue-component
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+1188.64%)
Mutual labels: vue-components, vuejs2, vue2
Vue2 Calendar
vue 2.x calendar component
Stars: ✭ 477 (+442.05%)
Mutual labels: vue-component, vuejs2, vue2
Vue Star Rating
⭐️ A simple, highly customisable star rating component for Vue 2.x. / 3.x
Stars: ✭ 509 (+478.41%)
Mutual labels: vue-component, vuejs2, vue2
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (+393.18%)
Mutual labels: vue-components, vuejs2, vue2
Vuelayers
Web map Vue components with the power of OpenLayers
Stars: ✭ 532 (+504.55%)
Mutual labels: vue-components, vuejs2, vue2
Vuesax
New Framework Components for Vue.js 2
Stars: ✭ 5,293 (+5914.77%)
Mutual labels: vue-components, vuejs2, vue2
Vue Snotify
Vuejs 2 Notification Center
Stars: ✭ 755 (+757.95%)
Mutual labels: vue-components, vuejs2, vue2
Vue Cnodejs
基于vue.js重写Cnodejs.org社区的webapp
Stars: ✭ 3,065 (+3382.95%)
Mutual labels: vue-components, vuejs2, vue2
Semantic Ui Vue
Semantic UI integration for Vue
Stars: ✭ 914 (+938.64%)
Mutual labels: vue-components, vuejs2, vue2
Vue Share Buttons
🔗A set of social buttons for Vue.js
Stars: ✭ 34 (-61.36%)
Mutual labels: vue-components, vuejs2, vue2
Vue Social Sharing
A renderless Vue.js component for sharing links to social networks, compatible with SSR
Stars: ✭ 1,071 (+1117.05%)
Mutual labels: vue-components, vue-component, vuejs2
About
XCUI 是基于Vue2.0
的桌面端组件库。
XCUI的目标是:
- 满足桌面端页面大部分基础组件需求。
- 快速开发基于
Vue2.0
构建的项目。 - 保持小体积, 无其他js库依赖(No jquery, No Bootstrap, etc)
- 简洁优雅。
组件展示
版本支持
在使用Vue 2.x
版本时,推荐使用 Vue 2.0.8
以上版本。
安装
通过npm
安装。
npm install xcui
具体的安装方式请见这里。
快速上手
xcui
使用umd
方式打包,支持各种模块加载器。
在页面根实例中引入:
import Vue from 'vue'
import xcui from 'xcui'
import 'xcui/lib/xcui.css'
Vue.use(xcui);
在页面中声明标签,即可使用。
说明 XCUI在使用
Vue.use(xcui)
后,会默认以x-
前缀注册所有组件,在Vue实例中可直接使用而不用在components
中声明。举例:
<x-button type="primary">start</x-button>
更多详细信息请见这里。
开发
Clone the repo
$ git clone [email protected]:wmfe/xcui.git
安装依赖
$ npm i
Run dev server
$ npm run dev
Build components
$ npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].