Nly Adminlte Vue

screenshot of Nly Adminlte Vue
nuxt
vue
bootstrap
scss

vuejs2 AdminLte3 template more than 50 components and 10 directives.such as collapse ,sidebar,container,infobox,breadcrumb,card,grid,dropdown,toast,navbar,timeline,icon,progress

Overview

The nl-adminlte-vue is a theme based on adminlte3 vue2.js. It is an alpha version and some props may be deprecated in future versions. The theme provides a demo and documentation for users to explore its features.

Features

  • Based on adminlte3 vue2.js
  • No need for JQ (jQuery)
  • Demo and documentation available
  • Can be viewed on localhost using npm run docs-dev

Clone from Github

Clone the theme repository from Github using the following command:

git clone [repository_url]

npm import

You can also import the theme using npm:

npm install [package_name]

CDN import

If you prefer, you can import the theme directly from a CDN.

Import a specific component

To import a specific component, you can use the following syntax:

import nly-[component_name]

Import Plugin

To use the theme's plugins, you need to import them separately.

Summary

The nl-adminlte-vue is a theme based on adminlte3 vue2.js. It provides various features and can be easily installed using npm or by cloning the repository. The theme also includes a demo and documentation for better understanding and usage.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.