vuedarkmode is a modern and very small UI component library that helps you easily create darkly designed Vue.js applications.

Components included:

Alert

• Avatar
• Badge
• Button
• Divider
• Heading
• Icon
• ProgressBar
• Spinner
• Toast
• Checkbox
• ImageUploader
• Input
• InputNumber
• Radio
• Select
• Tabs
• Textarea
• Toggle

Must Read: [Restaurant] Free Bootstrap Admin Dashboard Template | Eatio

How to make use of it:

Install & Download:

npm install @growthbunker/vuedarkmode

# Or if you prefer using yarn
yarn add @growthbunker/vuedarkmode

1. In your main.js file:

import Vue from "vue"
import VueDarkMode from "@growthbunker/vuedarkmode"

Vue.use(VueDarkMode)

2. Create a new plugin in plugins/vuedarkmode.js:

import Vue from "vue"
import VueDarkMode from "@growthbunker/vuedarkmode"

Vue.use(VueDarkMode)

3. Add this new plugin to nuxt.config.js.

module.exports = {
  // ...
  plugins: [{ src: "@/plugins/vuedarkmode.js" }];
}

4. Get the latest version from jsdelivr, and import the JavaScript file to your page.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@growthbunker/[email protected]/dist/vuedarkmode.min.js"></script>

See Demo And Download

Official Website(LeCoupa): Click Here

This superior jQuery/javascript plugin is developed by LeCoupa. For extra advanced usage, please go to the official website.