❤️ 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

admin4ir
  • downloaded
5 years ago

@cristi.jora

wangqiangrg 5 years ago

asdf

admin4ir
  • downloaded
5 years ago

Hello, How do I change root(home) page from / components to a new created .vue page in /views ? Thanks

admin4ir
  • downloaded

Oh, i found how. Thanks
5 years ago

alfalfus
  • downloaded
5 years ago

ETRA

admin4ir
  • downloaded
5 years ago

Hello @cristi.jora Could you confirm that this web app is using Nuxtjs?

code0987
  • downloaded
5 years ago

Nice work. How do I integrate this with Nuxtjs?

duval
  • downloaded

@code0987 someone dropped the entire Vue-argon design system into this repo that you can fork: https://github.com/sambrezo/vue-argon-design-system-nuxt
5 years ago

code0987
  • downloaded

@vipulhpatel Thanks, fellow developer.
5 years ago

admin4ir
  • downloaded

@duval Hey thx. What if I started without nuxt to edit this template? Can I somehow mix my changes with nuxt verision to keep my changes?
5 years ago

admin4ir
  • downloaded

@code0987 could you please help me with what I previously asked? thanks fellow
5 years ago

duval
  • downloaded

@admin4ir I started my current project using the normal Vue-Argon Design System as a starting template. When sambrezo on github posted that repo I linked earlier in the comments, that's when i decided to switch over to Nuxt . It was really easy moving over to the Nuxt version because all I really had to do was copy over my files into the Nuxt starter from that github link and then I just continued on from there. So it should be easy for you to switch your over changes. If you clone that repo and start it you'll notice that it feels exactly like if you had downloaded the Vue-argon design system from the creative tim site. I'm not sure I answered your question but hopefully that helps.
5 years ago

javierpou
  • downloaded
5 years ago

Hello, great job! thank you. When entering the nmp build command, the DIST folder is created, but when it is uploaded to the hosting it is displayed in white. How can I solve? in local it looks perfect. Thank you!

cristi.jora
  • downloaded

Hello @javierpou This question depends on what hosting you're using. The best way to sort out this stuff is to use https://www.npmjs.com/package/serve Run your build then go to serve folder and run `serve`. If everything is displayed correctly then it might be some hosting issue/configuration. Serve package it's a simple local server that will load the dist folder and serve it as static files.
5 years ago

admin4ir
  • downloaded
5 years ago

@cristi.jora Hi, could you please write a short instruction on how to mix it with nuxtjs version of template and how to deploy it(build etc.) properly on a test hosting? I see so many devs asking same questions. Thx mate

cristi.jora
  • downloaded

Hey, unfortunately we don't have explicit support for nuxt yet but we will probably create separate products for nuxt as it implies a different structure and has some restrictions regarding server side rendering.
5 years ago

godofprosperity888
  • downloaded
5 years ago

What an amazing work. Thanks a lot. Keep up the good work, guys!

conchienlac92
  • downloaded
5 years ago

Thanks for your products :D

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