GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects â†’ ElemeFE â†’ Mint Ui

ElemeFE / Mint Ui

Licence: mit
Mobile UI elements for Vue.js

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

vuecomponentmobilevue-componentsui-kit

Projects that are alternatives of or similar to Mint Ui

Vant
Lightweight Mobile UI Components built on Vue
Stars: ✭ 18,852 (+14.46%)
Mutual labels:  mobile, ui-kit
Mand Mobile
💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Stars: ✭ 3,194 (-80.61%)
Mutual labels:  ui-kit, vue-components
Cp Design
A configurable Mobile UI Components(React hooks+Typescript+Scss)组件库
Stars: ✭ 465 (-97.18%)
Mutual labels:  mobile, component
Vue Material Kit
Vue Material Kit - Open Source Material Design UI Kit
Stars: ✭ 231 (-98.6%)
Mutual labels:  ui-kit, vue-components
void-ui
A UI toolkit for Vue.js.
Stars: ✭ 20 (-99.88%)
Mutual labels:  vue-components, ui-kit
Wdui
Mobile UI Components Library based on Vue 2.0 at Weidian
Stars: ✭ 244 (-98.52%)
Mutual labels:  ui-kit, vue-components
React Swipeable List
Swipeable list component for React.
Stars: ✭ 86 (-99.48%)
Mutual labels:  mobile, component
Storefront Ui
Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.
Stars: ✭ 1,827 (-88.91%)
Mutual labels:  ui-kit, vue-components
Components
MobileUI was created thinking of making your hybrid application faster and smaller since you only install what you are really going to use for UI.
Stars: ✭ 125 (-99.24%)
Mutual labels:  mobile, ui-kit
Calendar
📆 calendar 日历
Stars: ✭ 119 (-99.28%)
Mutual labels:  mobile, component
Viewui
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 2,487 (-84.9%)
Mutual labels:  ui-kit, vue-components
morning-ui
🚀现代、高效、友善的桌面组件库
Stars: ✭ 103 (-99.37%)
Mutual labels:  vue-components, ui-kit
Vue Beauty
Beautiful UI components build with vue and ant design
Stars: ✭ 2,109 (-87.2%)
Mutual labels:  ui-kit, vue-components
Element
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 51,416 (+212.16%)
Mutual labels:  ui-kit, vue-components
Balm Ui
♊ A modular and customizable UI library based on Material Design and Vue
Stars: ✭ 133 (-99.19%)
Mutual labels:  ui-kit, vue-components
Any Ui
❄ 䞀䞪移劚端组件库
Stars: ✭ 58 (-99.65%)
Mutual labels:  mobile, component
Vuestic Admin
Free and Beautiful Vue 3 Admin Template
Stars: ✭ 8,398 (-49.01%)
Mutual labels:  ui-kit, vue-components
Rn Components Kit
A series of commonly used react-native components
Stars: ✭ 79 (-99.52%)
Mutual labels:  ui-kit, component
Pd Select
vue components ,like ios 3D picker style,vue 3d 选择噚组件,3D滚蜮
Stars: ✭ 101 (-99.39%)
Mutual labels:  mobile, vue-components
vuestic-ui
Free and Open Source UI Library for Vue 3 🀘
Stars: ✭ 1,501 (-90.89%)
Mutual labels:  vue-components, ui-kit
View All Similar Projects ➔

Mint UI

Build Status npm NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/ElemeFE/mint-ui

Mobile UI elements for Vue 2.0

Installation

npm i mint-ui -S

# for Vue 1.x
npm i mint-ui@1 -S

Usage

Import all components.

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

Or import specified component. (Use babel-plugin-component)

import { Cell, Checklist } from 'mint-ui';

Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

Equals to

import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

// import specified component

import MtRadio from 'mint-ui/lib/radio';
import 'mint-ui/lib/radio/style.css';

Vue.component(MtRadio.name, MtRadio);

babel-plugin-component

  • Auto import css file
  • Modular import component

Installation

npm i babel-plugin-component -D

Usage

.babelrc

{
  "plugins": ["other-plugin", ["component", [
    { "libraryName": "mint-ui", "style": true }
  ]]]
}

CDN

RawGit

NPMCDN

Development

npm run dev

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT

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].