Shards Vue screenshot

Shards Vue

Author Avatar Theme by Designrevision
Updated: 20 Jan 2019
393 Stars

Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.

Categories

Overview

Shards Vue is a user interface (UI) theme that can be easily downloaded from the official website or GitHub. It can also be installed using package managers such as Yarn or NPM. Shards Vue offers various features and components that can be used in Vue.js projects.

Features

  • Module Bundlers: Shards Vue can be included in projects that use module bundlers like Webpack or Rollup.
  • Registering Components as Vue Plugins: Specific components from Shards Vue can be registered as Vue plugins.
  • Importing Single File Components: Single file components can be imported from Shards Vue.
  • File Sizes: Shards Vue provides information about the file sizes of the compiled JavaScript files.

Installation

To install Shards Vue, follow these steps:

  1. Download Shards Vue from the official website or GitHub.
  2. Alternatively, use a package manager like Yarn or NPM:
    • For Yarn: yarn install shards-vue
    • For NPM: npm install shards-vue
  3. If using a module bundler like Webpack or Rollup, include the Shards Vue library in your project.
  4. If you only want to register certain components as Vue plugins, import the specific component you wish to use.
  5. Import single file components if required.
  6. To check the compiled file sizes, run yarn bundlesize.

Summary

Shards Vue is a versatile UI theme for Vue.js projects. It offers features like module bundler compatibility, the ability to import specific components or single file components, and provides information about file sizes. Installation can be done either via the official website, GitHub, or using package managers like Yarn or NPM.