Vuent screenshot

Vuent

Author Avatar Theme by Arturmiz
Updated: 21 Sep 2021
282 Stars

Vue.js components implementing Microsoft Fluent Design

Categories

Overview

Vuent is a set of reusable UI components for Vue that follows Microsoft Fluent Design principles, specifically for building Universal Windows Platform (UWP) applications. It aims to provide developers with the tools to create web or UWP apps with a Fluent look and feel using Vue as a framework for the UI/view layer.

Features

  • Reusable UI components for Vue
  • Built according to Microsoft Fluent Design principles
  • Specifically designed for building UWP applications
  • Provides a Fluent look and feel
  • Easy integration with Vue CLI 3
  • MIT licensed

Installation

To install Vuent in your project, follow these steps:

  1. Go to your project’s directory in the terminal.

  2. Run the following command:

    npm install vuent
    

    or

    yarn add vuent
    
  3. Once Vuent is installed, you can use it in your JavaScript code as follows:

    import Vue from 'vue'
    import Vuent from 'vuent'
    
    Vue.use(Vuent)
    

If you are using Vue CLI 3 in your project, you can install Vuent with the following command:

vue add vuent

Then, in your project’s main file, add the following code to use Vuent:

import Vue from 'vue'
import Vuent from 'vuent'
import 'vuent/dist/vuent.css'

Vue.use(Vuent)

Summary

Vuent is a set of UI components for Vue that follows Microsoft Fluent Design principles for building UWP applications. It provides developers with reusable components that have a Fluent look and feel. It can be easily integrated into projects using Vue CLI 3 and is licensed under MIT. For more information, visit the Vuent website.