All Projects → sudheerj → vueface

sudheerj / vueface

Licence: MIT license
UI Components for Vue

Programming Languages

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

Projects that are alternatives of or similar to vueface

Tui
This is a high quanlity components library for VUE
Stars: ✭ 258 (+248.65%)
Mutual labels:  javascript-framework, vue-components
vue-component-creater-ui
拖拽式Vue组件代码生成编辑器(VCC)
Stars: ✭ 383 (+417.57%)
Mutual labels:  vue-components
vue3-docs
vue中文社区,vue3 中文文档
Stars: ✭ 180 (+143.24%)
Mutual labels:  vue-components
vue-link
One component to link them all 🔗
Stars: ✭ 65 (-12.16%)
Mutual labels:  vue-components
vectre
Most complete implementation of Spectre.css on Vue.js
Stars: ✭ 63 (-14.86%)
Mutual labels:  vue-components
vue-today
📅 Today is cute
Stars: ✭ 37 (-50%)
Mutual labels:  vue-components
vue-hooks-form
Building forms with vue composition API.
Stars: ✭ 131 (+77.03%)
Mutual labels:  vue-components
vue-masonry-gallery
Masonry gallery layout component for Vue.js
Stars: ✭ 35 (-52.7%)
Mutual labels:  vue-components
hawkvuemdframework
Vue material Framework. Lightweight components for vuejs 2.x.
Stars: ✭ 15 (-79.73%)
Mutual labels:  vue-components
fect
Minimalist UI components built on Vue-next
Stars: ✭ 352 (+375.68%)
Mutual labels:  vue-components
cuida
A design system built by Sysvale, using storybook and Vue components
Stars: ✭ 16 (-78.38%)
Mutual labels:  vue-components
vue-mui
Mobile UI elements for Vue 2.0
Stars: ✭ 16 (-78.38%)
Mutual labels:  vue-components
RobotlegsJS
MOVED: This project has moved to https://github.com/RobotlegsJS/RobotlegsJS
Stars: ✭ 37 (-50%)
Mutual labels:  javascript-framework
Oasis
🍃 UI framework based on [email protected]. (English document is coming soon)
Stars: ✭ 29 (-60.81%)
Mutual labels:  vue-components
v-intl
Add i18n to your awesome Vue 3 app 🔉
Stars: ✭ 13 (-82.43%)
Mutual labels:  vue-components
Mage
Mage is a 3D Game Engine, built on top of THREE.js. It features Unity-like scripting, AMMO.js powered physics workers, an Infernojs powered UI and a clean API. Under (very) active development.
Stars: ✭ 76 (+2.7%)
Mutual labels:  javascript-framework
vue-authoring-template
Vue project template for authoring component and their use case
Stars: ✭ 14 (-81.08%)
Mutual labels:  vue-components
vue-date-range-picker
A vue component using Bootstrap 4 styles for date range selection
Stars: ✭ 30 (-59.46%)
Mutual labels:  vue-components
v-markdown-editor
Vue.js Markdown Editor component
Stars: ✭ 101 (+36.49%)
Mutual labels:  vue-components
rottenjs
An all-in-one (2.6kb) Javascript library for web development
Stars: ✭ 15 (-79.73%)
Mutual labels:  javascript-framework

VueFace

NPM version Build Status npm Dependency Status Crates.io

VueFace is an open source component library for VueJS framework with around 40 components at the moment. It supports 20+ themes for giving different look & feel for all the components.

Follow me @SudheerJonna for technical updates.

Install

VueFace is available in NPM and you can add to your project as a dependency as below

npm install --save vueface

Quick start

The VueFace library need to be configured before going to use the components

import Vue from 'vue'
import VueFace from 'vueface'

Vue.use(VueFace)

Configure styles for your components in your home.vue/index.html. Forexample, add below resources to home.vue as below

<style id="current-theme" lang="css" src="node_modules/src/assets/themes/omega/theme.css"></style>
<style lang="css" src="node_modules/src/assets/vue-face.css"></style>
<style lang="css" src="node_modules/font-awesome/css/font-awesome.min.css"></style>

Demo

The showcase is available here(https://sudheerj.github.io/vueface) for each component and their features.

How to Run

build for production with minification

npm run build

serve with hot reload at localhost:8080

npm start

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