All Projects → MetaCorp → Xui Module

MetaCorp / Xui Module

Licence: mit
Light module to help design websites with Nuxt.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Xui Module

graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-51.28%)
Mutual labels:  nuxt, bulma
Buefy Shop
A sample shop built with Nuxt, Stripe, Firebase and Serverless Functions
Stars: ✭ 207 (+430.77%)
Mutual labels:  nuxt, bulma
admin-one-nuxt
Admin One Nuxt - Nuxt.js Bulma Buefy admin dashboard
Stars: ✭ 23 (-41.03%)
Mutual labels:  nuxt, bulma
nuxt
Nuxt 3 and Vue 3 client for genealogy project. Family tree and genealogy data processing website software client.
Stars: ✭ 97 (+148.72%)
Mutual labels:  nuxt, bulma
admin-null-nuxt
Admin Null — Free Nuxt Bulma Admin Dashboard (with dark mode)
Stars: ✭ 39 (+0%)
Mutual labels:  nuxt, bulma
Essay
A blog system based on Nuxt.js
Stars: ✭ 913 (+2241.03%)
Mutual labels:  nuxt
Stylelint Module
Stylelint module for Nuxt.js
Stars: ✭ 32 (-17.95%)
Mutual labels:  nuxt
Nuxt Material Design Icons
Nuxt Material Design Icons
Stars: ✭ 20 (-48.72%)
Mutual labels:  nuxt
Vue Stack
Minimalistic Boilerplate for FullStack Express and Vue.js applications
Stars: ✭ 26 (-33.33%)
Mutual labels:  nuxt
Iblog
基于 Node.js 的开源个人博客系统,采用 Nuxt + Vue + TypeScript 技术栈。
Stars: ✭ 994 (+2448.72%)
Mutual labels:  nuxt
Imagemin Module
Automatically optimize (compress) all images used in Nuxt.js
Stars: ✭ 37 (-5.13%)
Mutual labels:  nuxt
Enso
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]el-enso.com` & `password` -
Stars: ✭ 959 (+2358.97%)
Mutual labels:  bulma
Hoppscotch
👽 Open source API development ecosystem https://hoppscotch.io
Stars: ✭ 34,569 (+88538.46%)
Mutual labels:  nuxt
Vite Explorer
The Official Block Explorer of Vite
Stars: ✭ 32 (-17.95%)
Mutual labels:  nuxt
Zeronet Dev Center
A Development Center for the ZeroNet. Tutorials on ZeroNet Zite Development, Collaboration, and Questions
Stars: ✭ 21 (-46.15%)
Mutual labels:  bulma
How To Safety Env Use In Nuxt
Safe env vars handling sample by Nuxt.js project
Stars: ✭ 38 (-2.56%)
Mutual labels:  nuxt
Nuxt Ssr Demo
✨ 高仿掘金,整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo
Stars: ✭ 856 (+2094.87%)
Mutual labels:  nuxt
Nuxt Ssr Blog
Serverless static-generated Nuxt.js Universal JavaScript web application. Demo app, accompanying the SitePoint article.
Stars: ✭ 30 (-23.08%)
Mutual labels:  nuxt
Docker Nuxt
docker build nuxt
Stars: ✭ 34 (-12.82%)
Mutual labels:  nuxt
Nuxt Starter
Personnal nuxt starter
Stars: ✭ 30 (-23.08%)
Mutual labels:  nuxt

xui-module

npm (scoped with tag) npm CircleCI Codecov Dependencies

js-standard-style

Light module to help design websites with Nuxt. demo source

📖 Release Notes

Features

This module install several libraries to make designing a website with Vue and Nuxt easy, including:

Setup

  • Add xui-module dependency using yarn or npm to your project
yarn add xui-module

or

npm install xui-module --save
  • Add xui-module to modules section of nuxt.config.js
{
  modules: [
    // Simple usage
    'xui-module',

    // With options
    ['xui-module', { /* module options */ }],
 ]
}
  • If needed, add sass-loader
yarn add sass-loader node-sass

or

npm install sass-loader node-sass --save-dev

Module Options

You can parametrize Xui-module with these variables:

  • 'bulma'
  • 'mdi'
  • 'animate.css'
  • 'hover.css'
  • 'animate'
  • 'spacing'
  • 'vue-in-viewport-directive'
  • 'vue-scrollactive'
  • 'vue-headroom'

example:

{
  'bulma': {
    options: { /* bulma options */ }
  },
  'mdi': {
    active: false // Do not load Material Design Icons
  },
  'vue-scrollactive': {
    ssr: false // Turn off ssr for vue-scrollactive
  }
}

License

MIT License

Copyright (c) Meta [email protected]

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