❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap 5 Vuejs Admin Template

Product description


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.

Product certified by: Creative Tim
Vue Argon Dashboard 2 - Fully Coded and Responsive HTML5
Vue Argon Dashboard 2 - Sass Files for Professional Front End Developers
Vue Argon Dashboard 2 - Crafted with Bootstrap - the most popular Front End Framework
Vue Argon Dashboard 2 - The Progressive JavaScript Framework
Vue Argon Dashboard 2 - Figma Files for Professional Designers
Downloads
26,582
Version
4.0.0
Changelog
Updated
1 month ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
70
Customized Plugins
1
Example Pages
7
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Vue Argon Dashboard 2 Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 70 300
Plugins 1 14
Examples Pages 7 55
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

25 Web Developers commented on this product

ph7ack
  • downloaded
4 years ago

Why does the menu for page exchange not close when entering another page?(mobile mode)

cristi.jora

Hey @ph7ack We'll make sure to add that in the next update. You can modify it quite easily to do that by adding inject: { autoClose: { default: true } } Inside SidebarItem.vue component
4 years ago

clintonilva3g1
  • downloaded
4 years ago

i am getting this error "@\plugins\argon-dasboard" as it does not contain a package.json file." when i use npm install --save @/plugins/argon-dasboard

cristi.jora

Not sure I understand you problem @clintonilva3g1 This plugin is located in the source code locally inside plugins folder. Don't really understand why you'd want to install it via npm
4 years ago

aronpc 4 years ago

HI, this a great template <3 I'm not finding documentation for the notifications plugin :/

cristi.jora

Hi @aronpc Indeed it's missing the documentation for notifications, but you can find it in the PRO version which has basically the same code for this plugin https://demos.creative-tim.com/vue-argon-dashboard-pro/documentation/plugins/notifications.html
4 years ago

moaj257
  • downloaded
4 years ago

HI, this a great template <3. I love this. May I know , Is there a way for the sidebar to be always minimized?

cristi.jora

Glad to hear that (you mean always hidden) ? You'd have to change the css for that a bit or play with the bootstrap classes inside SideBar.vue component for that
4 years ago

luke71933
  • downloaded
4 years ago

Is it possible to use v-model with the <base-dropdown> in order to get the selected option?

cristi.jora

Hi there. Unfortunately not with the current implementation. Since the content of the dropdown menu is a slot, you can handle clicks manually in your component. If you want to use v-model with the dropdown, you'll probably have to implement a dropdown-item component and send events to the base-dropdown component that will trigger a "input" event for the v-model
4 years ago

rachidine
  • downloaded
4 years ago

I downloaded the theme, and inside the main folder I did "npm install" then "npm run serve". and an error showed up about eslint. do you know how I can fix this?

vijayilvaraj
  • downloaded
4 years ago

how to work modal popup ..this template not working Modal popup

cristi.jora

Hey @vijayilvaraj You can find details on how to use the modal here https://demos.creative-tim.com/vue-argon-dashboard/documentation/components/modal.html
4 years ago

eca46133
  • downloaded
4 years ago

Any guide on laravel integration?

andreaisello
  • downloaded
4 years ago

Very good template, thanks. How the router works? there are two route with the same path , e.g. / route to login and also route to dashboard. what the logic that handle this behaviour? thanks.

cristi.jora

Hello @andreaisello This may be confusing indeed but the order in which the components are declared in the router matter. So in this case `/dashboard` is declared first and redirect to that route is done first. You could also change the login or dashboard paths to `/login` or `/dashboard/` for better readability
4 years ago

andreaisello
  • downloaded
4 years ago

@cristi.jora oh, so you use the Array<RouteConfig> with two RouteConfig object in order to better use the nested route of the DashboardLayout and the AuthLayout , right? very good, thanks!

cristi.jora

Yes that's right
4 years ago

You have to be logged in to post a comment. Login here.