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 → NewDadaFE → Vue Impression

NewDadaFE / Vue Impression

A Vue.js 2.0 UI elements for mobile.

Labels

vuescsscomponentsvue2simple

Projects that are alternatives of or similar to Vue Impression

Vux
Mobile UI Components based on Vue & WeUI
Stars: ✭ 17,573 (+8472.2%)
Mutual labels:  components, vue2
Chalk
Chalk is a high quality, completely customizable, performant and 100% free Jekyll blog theme.
Stars: ✭ 987 (+381.46%)
Mutual labels:  simple, scss
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+255.61%)
Mutual labels:  scss, vue2
unitscss
UNITS is a simple and beautiful CSS component set.
Stars: ✭ 13 (-93.66%)
Mutual labels:  components, simple
React Impression
快速构建企业级应用
Stars: ✭ 140 (-31.71%)
Mutual labels:  components, scss
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+24.88%)
Mutual labels:  scss, vue2
Semantic Ui Vue
Semantic UI integration for Vue
Stars: ✭ 914 (+345.85%)
Mutual labels:  components, vue2
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (+23.41%)
Mutual labels:  components, vue2
Refills
Refills is maintained by the thoughtbot design team. It is funded by thoughtbot, inc. and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
Stars: ✭ 1,523 (+642.93%)
Mutual labels:  components, scss
Vuex Simple Structure
📈 A repository showcasing a simple Vuex store inside a Vue.js application based on Large-scale Vuex application structures @3yourmind
Stars: ✭ 87 (-57.56%)
Mutual labels:  simple, vue2
bpit-vue
vue effects component package 🚀
Stars: ✭ 16 (-92.2%)
Mutual labels:  components, vue2
Route
Simple isomorphic router
Stars: ✭ 199 (-2.93%)
Mutual labels:  simple, components
glue
Glue是一个基于web component构建的组件库,可以在react,vue2,vue3,angular和html等前端框架中运行
Stars: ✭ 63 (-69.27%)
Mutual labels:  components, vue2
Coreui Free Vue Admin Template
Open source admin template based on Bootstrap 5 and Vue 3
Stars: ✭ 2,951 (+1339.51%)
Mutual labels:  scss, vue2
CleanUI
Android library to create beautiful, clean and minimal UIs.
Stars: ✭ 19 (-90.73%)
Mutual labels:  components, simple
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+332.68%)
Mutual labels:  scss, vue2
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+21.46%)
Mutual labels:  scss, vue2
Vue 2 3
↔️ Interop Vue 2 components in Vue 3 apps and vice versa
Stars: ✭ 231 (+12.68%)
Mutual labels:  components, vue2
Design System Starter
🚀 The Australian Government Design System - Starter
Stars: ✭ 61 (-70.24%)
Mutual labels:  components, scss
Startup Landing
Collection of free top of the line startup landing templates built using react/nextjs/gatsby. Free to download, simply edit and deploy! Updated weekly!
Stars: ✭ 176 (-14.15%)
Mutual labels:  simple, components
View All Similar Projects ➔

vue-impression

A Vue.js 2.0 UI elements for mobile.

Demo

https://newdadafe.github.io/impression_vue/#/button

Installation

yarn add vue-impression

Usage

styles:

@import '~vue-impression/dist/styles/index.scss';

scripts:

import Vue from 'vue';
import VueImpression from 'vue-impression';

Vue.use(VueImpression);

tree-shaking:

yarn add babel-plugin-transform-imports -D

{
    "plugins": [
        [
            "transform-imports",
            {
                "vue-impression": {
                    "transform": "vue-impression/dist/scripts/components/${member}",
                    "preventFullImport": true
                }
            }
        ]
    ]
}

Example

<btn theme="primary" size="sm" @click="doSomething">按钮</btn>

Components

  • [x] Button
  • [x] Group
  • [x] GroupTitle
  • [x] Cell
  • [x] Flex
  • [x] FlexItem
  • [x] Icon
  • [x] Navbar
  • [x] Navigation
  • [x] Tabbar
  • [x] Drawer
  • [x] Loading
  • [x] Alert
  • [x] Toast
  • [x] Radio
  • [x] RadioGroup
  • [x] Checkbox
  • [x] CheckboxGroup
  • [x] Toggle(Switch)
  • [x] InputNumber
  • [x] InputText
  • [x] InputArea
  • [x] Selector
  • [x] Tag
  • [x] Badge
  • [x] Tip
  • [x] HRule(Hr)
  • [x] InlineSelector
  • [x] Swipe
  • [x] SlideUp
  • [x] SegmentedControl
  • [x] Media
  • [x] Card
  • [x] Picker
  • [x] DatePicker
  • [x] Search
  • [x] BackToTop
  • [x] Pull down
  • [x] Pull up
  • [x] Sideslip
  • [x] Progressbar
  • [x] Stepbar
  • [x] Timeline
  • [x] Sticky

Quick start

generator-vue-impression

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