• Stars
    star
    372
  • Rank 114,858 (Top 3 %)
  • Language SCSS
  • License
    MIT License
  • Created over 5 years ago
  • Updated 9 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Vue Argon Dashboard

Vue Argon Dashboard 2 Tweet

version GitHub issues open GitHub issues closed

Image

Start your Development with an Innovative Admin Template for Bootstrap 5 and VueJS 3. If you like the look & feel of the hottest design trend right now, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

Fully Coded Components
Vue Argon Dashboard 2 is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

This free Bootstrap 5 & VueJS 3 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

View all components here.

Documentation built by Developers
Each element is well presented in very complex documentation. You can read more about the documentation here.

Example Pages
If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. Every page is spaced well, with attractive layouts and pleasing shapes. Vue Argon Dashboard 2 has everything you need to quickly set up an amazing project.

View example pages here.

HELPFUL LINKS

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

  • Popper.js - Kickass library used to manage poppers

Let us know your thoughts below. And good luck with development!

Table of Contents

Versions

VueJS

| Vue Argon Dashboard 2

Demo

View More.

Quick start

Quick start options:

Terminal Commands

  1. Download and Install NodeJs LTS version from NodeJs Official Page.
  2. Navigate to the root ./ directory of the product and run npm install to install our local dependencies.

Documentation

The documentation for the Vue Argon Dashboard 2 is hosted at our website.

What's included

Within the download you'll find the following directories and files:

vue-argon-dashboard
    ├── public
    │   ├── favicon.png
    │   └── index.html
    ├── src
    │   ├── assets
    │   │   ├── css
    │   │   ├── fonts
    │   │   ├── img
    │   │   ├── js
    │   │   └── scss
    │   ├── components
    │   │   ├── ArgonAlert.vue
    │   │   ├── ArgonAvatar.vue
    │   │   ├── ArgonBadge.vue
    │   │   ├── ArgonButton.vue
    │   │   ├── ArgonCheckbox.vue
    │   │   ├── ArgonInput.vue
    │   │   ├── ArgonPagination.vue
    │   │   ├── ArgonPaginationItem.vue
    │   │   ├── ArgonProgress.vue
    │   │   ├── ArgonRadio.vue
    │   │   ├── ArgonSnackbar.vue
    │   │   ├── ArgonSocialButton.vue
    │   │   ├── ArgonSwitch.vue
    │   │   └── ArgonTextarea.vue
    │   ├── examples
    │   │   ├── Cards
    │   │   ├── Charts
    │   │   ├── Navbars
    │   │   ├── PageLayout
    │   │   ├── Sidenav
    │   │   ├── Breadcrumbs.vue
    │   │   ├── Configurator.vue
    │   │   └── Footer.vue
    │   ├── router
    │   ├── store
    │   ├── views
    │   │   ├── components
    │   │   ├── Billing.vue
    │   │   ├── Dashboard.vue
    │   │   ├── Home.vue
    │   │   ├── Profile.vue
    │   │   ├── Rtl.vue
    │   │   ├── Signin.vue
    │   │   ├── Signup.vue
    │   │   ├── Tables.vue
    │   │   └── VirtualReality.vue
    │   ├── App.vue
    │   ├── argon-dashboard.js
    │   └── main.js
    ├── .browserslistrc
    ├── .eslintrc.js
    ├── .gitignore
    ├── babel.config.js
    ├── CHANGELOG.md
    ├── ISSUE_TEMPLATE.md
    ├── LICENSE
    ├── package.json
    └── README.md

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

Reporting Issues

We use GitHub Issues as the official bug tracker for the Vue Argon Dashboard 2. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Vue Argon Dashboard 2. Check the CHANGELOG from your dashboard on our website.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

Instagram: https://instagram.com/creativetimofficial

More Repositories

1

material-dashboard

Material Dashboard - Open Source Bootstrap 5 Material Design Admin
SCSS
10,974
star
2

material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
HTML
5,899
star
3

tailwind-starter-kit

Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source
CSS
5,760
star
4

material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
TypeScript
3,710
star
5

material-dashboard-react

React version of Material Dashboard by Creative Tim
JavaScript
2,720
star
6

argon-design-system

Argon - Design System for Bootstrap 4 by Creative Tim
CSS
2,442
star
7

vue-paper-dashboard

Creative Tim Paper Dashboard made for Vue
Vue
1,791
star
8

now-ui-kit

Now UI Kit Bootstrap 4 - Designed by Invision. Coded by Creative Tim
CSS
1,704
star
9

light-bootstrap-dashboard

Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.
CSS
1,353
star
10

vuetify-material-dashboard

Vuetify Material Dashboard - Open Source Material Design Admin by Creative Tim
Vue
1,284
star
11

notus-nextjs

Notus NextJS: Free Tailwind CSS UI Kit and Admin
JavaScript
1,281
star
12

material-kit-react

Material Kit React free and open source by Creative Tim
JavaScript
1,158
star
13

material-dashboard-angular2

Material Dashboard Angular
SCSS
958
star
14

vue-argon-design-system

Vue Argon Design System
Vue
829
star
15

notus-svelte

Notus Svelte: Free Tailwind CSS UI Kit and Admin
Svelte
812
star
16

notus-react

Notus React: Free Tailwind CSS UI Kit and Admin
JavaScript
783
star
17

vue-light-bootstrap-dashboard

Vue Light Bootstrap Dashboard - FREE BOOTSTRAP 4 VUEJS ADMIN TEMPLATE
SCSS
768
star
18

light-bootstrap-dashboard-react

React version of Light Bootstrap Dashboard
SCSS
716
star
19

argon-design-system-react

React version of Argon Design System
CSS
649
star
20

argon-dashboard

Argon - Dashboard for Bootstrap 5 by Creative Tim
SCSS
605
star
21

argon-react-native

Argon React Native
JavaScript
593
star
22

material-kit-react-native

Material Kit React Native
JavaScript
546
star
23

vue-material-dashboard

Vue Material Dashboard - Open Source Material Design Admin
SCSS
541
star
24

vue-notus

Vue Notus: Free Tailwind CSS UI Kit and Admin
Vue
527
star
25

soft-ui-dashboard

Soft UI Dashboard - Free and OpenSource Bootstrap 5 Dashboard
SCSS
521
star
26

vue-black-dashboard

Vue Black Dashboard
Vue
506
star
27

purity-ui-dashboard

Purity UI Dashboard - Free and Open Source Chakra UI Dashboard
JavaScript
492
star
28

argon-dashboard-react

React version of Argon Dashboard
CSS
429
star
29

black-dashboard-react

CSS
425
star
30

paper-dashboard

Paper Dashboard is a Bootstrap Admin Panel which combines soft colors with beautiful typography and spacious cards and graphics.
CSS
359
star
31

black-dashboard

CSS
343
star
32

vue-material-kit

Vue Material Kit - Open Source Material Design UI Kit
CSS
327
star
33

astro-ecommerce

Astro Ecommerce - Ready to use components
SCSS
324
star
34

material-tailwind-dashboard-react

Free and Open Source Admin for Tailwind CSS and React based on Google's Material Design.
JavaScript
324
star
35

light-bootstrap-dashboard-angular2

Light Bootstrap Dashboard Angular 2
HTML
323
star
36

nextjs-material-kit

NextJS version of Material Kit React by Creative Tim
JavaScript
318
star
37

soft-ui-dashboard-tailwind

Soft UI Dashboard Tailwind - Free and OpenSource TailwindCSS Dashboard
HTML
303
star
38

muse-vue-ant-design-dashboard

Muse Vue Ant Design Dashboard - Free and OpenSource Ant Design Vue Dashboard
Vue
281
star
39

soft-ui-dashboard-react

Soft UI Dashboard React - Free Dashboard using React and Material UI
JavaScript
266
star
40

bootstrap4-cheatsheet

Bootstrap 4 Cheat Sheet
HTML
260
star
41

argon-design-system-angular

SCSS
245
star
42

nextjs-material-dashboard

NextJS version of Material Dashboard React
JavaScript
241
star
43

blk-design-system

CSS
231
star
44

notus-angular

Notus Angular: Free Tailwind CSS UI Kit and Admin
HTML
230
star
45

notus-js

Notus JS: Free Tailwind CSS UI Kit and Admin
HTML
225
star
46

paper-kit-2

Paper Kit is a Fully Coded Web UI Kit based on Bootstrap.
SCSS
200
star
47

argon-dashboard-asp-net

Start your development with a Bootstrap 4 Admin Dashboard built for ASP.NET Core framework, the newest go-to technology from Microsoft for top companies.
CSS
200
star
48

now-ui-react-native

Now UI Pro React Native
JavaScript
196
star
49

soft-ui-design-system

Soft UI Design System - Open Source Bootstrap 5 design system
HTML
194
star
50

paper-dashboard-react

CSS
192
star
51

blk-design-system-react

React version of BLK Design System:
CSS
191
star
52

now-ui-dashboard

Now UI Dashboard - Open Source Admin Template
SCSS
186
star
53

argon-dashboard-django

Argon Dashboard - Django Template | Creative-Tim
CSS
176
star
54

argon-dashboard-angular

HTML
164
star
55

vision-ui-dashboard-chakra

JavaScript
162
star
56

soft-ui-react-native

Start your development with a Design System for React-Native inspired by Soft UI Design System.
TypeScript
160
star
57

paper-kit-2-angular

Free Bootstrap 4 UI Kit for Angular 2+
SCSS
153
star
58

paper-dashboard-angular

Angular version of the original Paper Dashboard.
SCSS
152
star
59

bits

Bits by Creative Tim - Code Snippets for easier coding
146
star
60

now-ui-kit-react

React version of Now UI Kit by Creative Tim
CSS
145
star
61

argon-dashboard-nodejs

CSS
143
star
62

paper-kit-react

React version of Paper Kit 2 by Creative Tim
SCSS
135
star
63

muse-ant-design-dashboard

Muse Ant Design Dashboard - Free Dashboard using React and Ant Design
JavaScript
134
star
64

now-ui-dashboard-react

React version of Now UI Dashboard
CSS
134
star
65

vue-now-ui-kit

Vue Now UI Kit
SCSS
132
star
66

nextjs-argon-dashboard

NextJS version of Argon Dashboard React
CSS
129
star
67

ct-material-kit-pro

Premium Bootstrap 4 UI Kit based on Google's Material Design
128
star
68

ct-material-dashboard-pro-react

React version of Material Dashboard Pro
126
star
69

material-dashboard-react-nodejs

React Material template connected to working Node API
JavaScript
126
star
70

black-dashboard-django

Black Dashboard - Open-source Django Template | Creative-Tim
CSS
119
star
71

impact-design-system

Kick-Start Your Development With An Awesome Design System carefully designed for your online business showcase. Joint project by Creative Tim and Themesberg.
HTML
119
star
72

soft-ui-dashboard-laravel

Soft UI Dashboard Laravel 11.x - Free full stack dashboard app
Blade
116
star
73

ct-material-dashboard-pro

Material Dashboard Pro - Premium Bootstrap 5 Admin
115
star
74

soft-ui-dashboard-laravel-livewire

Soft UI Dashboard Laravel - Free full stack app with Laravel, Livewire & Alpine.js
Blade
111
star
75

vision-ui-dashboard-react

JavaScript
107
star
76

get-shit-done

A free UI Kit built on Twitter Bootstrap
HTML
105
star
77

bootstrap-vue-argon-dashboard

Vue
100
star
78

vue-soft-ui-dashboard

Vue Soft UI Dashboard - Free and OpenSource VueJS 3 & Bootstrap 5 Dashboard
SCSS
98
star
79

black-dashboard-angular

SCSS
97
star
80

material-dashboard-django

Material Dashboard - Django Template | Creative-Tim
CSS
90
star
81

soft-ui-dashboard-django

Soft UI Dashboard - Django Template | Creative-Tim
Python
88
star
82

material-tailwind-kit-react

Free and Open Source UI Kit for Tailwind CSS and React based on Google's Material Design.
JavaScript
88
star
83

argon-dashboard-tailwind

Argon Dashboard Tailwind - Free and OpenSource TailwindCSS Dashboard
HTML
87
star
84

material-bootstrap-wizard

Material Bootstrap Wizard - Bootstrap wizard based on Material Design
SCSS
80
star
85

argon-dashboard-flask

Argon Dashboard - Flask Template | Creative-Tim
CSS
74
star
86

argon-flutter

Dart
72
star
87

material-dashboard-flask

Material Dashboard - Flask Template | Creative-Tim
SCSS
71
star
88

awesome-landing-page

CSS
71
star
89

now-ui-dashboard-angular

SCSS
70
star
90

ct-material-dashboard-pro-angular

68
star
91

ct-material-kit-pro-react-native

Material Kit PRO React Native is a fully coded app template built over Galio.io, React Native and Expo
67
star
92

ct-vue-material-dashboard-pro

Vue Material Dashboard Pro - Material Design Admin
64
star
93

now-ui-flutter

Dart
64
star
94

blk-design-system-angular

SCSS
62
star
95

argon-dashboard-chakra

JavaScript
62
star
96

astro-launch-ui

AstroLaunch UI - Ready to use components
TypeScript
61
star
97

vue-material-dashboard-laravel-bs4

Vue SPA Material template connected to working Laravel REST API with the help of json:api standard
SCSS
58
star
98

argon-dashboard-material-ui

This is the Material UI version of the Argon Dashboard React.
JavaScript
58
star
99

now-ui-kit-angular

SCSS
54
star
100

coming-sssoon-page

HTML
52
star