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

Free Bootstrap 4 Vuejs Design System

Product description


Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites.

Fully Coded Components

Vue Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Design System is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

View all components here

Complex Documentation

Each element is well presented in a very complex documentation. You can read more about the idea behind this design system here. You can check the components here and the foundation 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. You will be able to quickly set up the basic structure for your web project.

View example pages here.

Product certified by: Creative Tim
Vue Argon Design System - Fully Coded and Responsive HTML5
Vue Argon Design System - Sass Files for Professional Front End Developers
Vue Argon Design System - Photoshop Files for Professional Designers
Vue Argon Design System - Sketch Files for Professional Designers
Vue Argon Design System - Crafted with Bootstrap - the most popular Front End Framework
Vue Argon Design System - The Progressive JavaScript Framework
Vue Argon Design System - Figma Files for Professional Designers
Downloads
48,470
Version
1.1.0
Changelog
Updated
5 years ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
26
Customized Plugins
3
Example Pages
4
Community Support
Documentation
Fully Responsive

We are here to help you!

74 Web Developers commented on this product

onlinesolutionsme
  • downloaded
5 years ago

Hello! how i can install it and start to use? I downloaded the js css and html files only. Thanks

cristi.jora
  • downloaded

Hello my friend. You can find a very detailed documentation here with installation instructions :) https://demos.creative-tim.com/vue-argon-design-system/documentation/
5 years ago

calnevary
  • downloaded
5 years ago

Hey @cristi.jora, are you planning to release the Argon landing and dashboard soon? Will it be one build together with the landing pages & the dashboard ? Out of curiosity, did you use VuePress for the dashboard, ex: https://demos.creative-tim.com/argon-design-system/docs/getting-started/overview.html Thanks PS. Awesome work!

cristi.jora
  • downloaded

Hello @calnevary Yes, we are going to implement Argon dashboard on Vue and yes we used Vuepress for documentation
5 years ago

avizzzy
  • downloaded
5 years ago

Does this use jQuery, as Argon does?

cristi.jora
  • downloaded

Nope this is a pure Vue.js version and jquery free :) Hope this helps
5 years ago

vaibhavumarm8f 5 years ago

Hey there Not all classes and elements are documented I don't even see the docs from cards. Or will it be the same for bootstrap?

cristi.jora
  • downloaded

Indeed I see that we missed cards. You are right about bootstrap, you can use the same classes as in bootstrap. You can also check the source code on how cards are used :)
5 years ago

kayserb
  • downloaded
5 years ago

excelente

cristi.jora
  • downloaded

Thanks :)
5 years ago

magenraneta
  • downloaded
5 years ago

i need to see tables

etiiir
  • downloaded
5 years ago

Lovely i already integrated the Argon Dashboard in Vue.js for me. But i also did a mini collapse from the sidebar. But the transition is with Firefox laggy caused by the responsiveness of the Dashboard main content. Could you also implement a collapse button for the Sidebare collapsed with 60px so only the Icons of the sidebar is shown and 250px full sidebar ? So everybody could just by click get a nice mini sidebar or Full sidebar. Would be nice. So i can double check how my transistion messed up.

duval
  • downloaded
5 years ago

Is there going to be a Vue Argon Dashboard Pro coming? If so, what is the ETA on that?

cristi.jora
  • downloaded

Hello @duval Yes, we are planning a Vue Argon Dashboard and Vue Argon Dashboard PRO. We don't have an exact ETA but I think it will take a couple of weeks so most likely somewhere at the end of January/February.
5 years ago

christophe85t
  • downloaded
5 years ago

Hi, these are all excellent, thank you! I will be moving to a paid dashboard soon. Any idea when this template will be updated in line with the non-vue version. For example the sticky menu on scroll. Thank's again

cristi.jora
  • downloaded

Hey there. Thanks for your kind words and for reporting the issue. We usually prioritize PRO versions for update but we update the free ones as well. Once more issues gather, we will update the template.
5 years ago

newweb123 5 years ago

I'm new to this, the design is impressive, I want to use it for a web, then, how is it free, what I can not do ?, I have to leave the footer alone and what else can I modify? or what parts should I leave it as same?

cristi.jora
  • downloaded

Hello @newweb123 All our free products are MIT licence which means you can pretty much use them however you want. There are no restrictions except selling them or changing the copyright. Our paid products however follow these licences which can be found here https://www.creative-tim.com/license
5 years ago

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