Vue-Fluent

Fluent Design Components for Vue.js based on Buefy and bulma-fluent, inspired by Microsoft’s Fluent Design System.

Fluent Design Theme for Bulma is also available.

Addons for Bulma are also available.

Documentation

Browse the online documentation here.

Quick install

NPM

npm install vue-fluent

Import

import Vue from 'vue'
import VueFluent from 'vue-fluent'
 
Vue.use(VueFluent)
 
// Or Import individual components
import Vue from 'vue'
import Field from 'buefy/dist/components/field'
import Input from 'buefy/dist/components/input'
Vue.use(Field)
Vue.use(Input)
 
import 'vue-fluent/dist/vue-fluent.css'
 
// You can customize the theme, for details check cutosmize section
// Then import styles
 
import 'vue-fluent/src/lib/index.scss'

CDN link

unpkg.com/vue-fluent

Download from this Repository

Download Latest Minified CSS

Copyright and license

All credits to Buefy Collaborators for implementing these beautiful components.

Code released under the MIT license.