❤️ 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,755
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!

75 Web Developers commented on this product

chirilovadrian
  • downloaded
5 years ago

Hello fellow coders, If someone wants this UI kit integrated as a full-stack app, check out this link: https://vuejs.appseed.us/ - sources on github Chees!

primtecho
  • downloaded
4 years ago

how do i install this with an existing project

alfredopacino
  • downloaded
4 years ago

@cristi.jora I see you use the '@' sign as shortcut like `import BaseNav from "@/components/BaseNav"` but since you don't use webpack I'm not clear where you defined this resolve shortcut.

cristi.jora
  • downloaded

Hi @alfredopacino The project uses vue cli 3, which behind the scenes uses webpack 4 and has the @ alias setup by default. You can also setup custom aliases through vue.config.js file https://github.com/vuejs/vue-cli/issues/2398
4 years ago

alfredopacino
  • downloaded
4 years ago

@cristi.jora I see, thanks!

alula.kibrom
  • downloaded
4 years ago

Awesome. Thanks

jamesugh
  • downloaded
4 years ago

Hey guys, love the product! Curious -- there are some amazing design elements halfway down on this page (https://demos.creative-tim.com/vue-argon-dashboard-pro/#/home) -- are they part of this kit?

cristi.jora
  • downloaded

Hi @jamesugh Not sure to which one you refer exactly but you can find all the Vue components in the documentation and in the source files on github https://demos.creative-tim.com/vue-argon-design-system/documentation/
4 years ago

paouloousalmo
  • downloaded
4 years ago

Hi, I really love your designs, which is why is saddens me that you don't really "package" your themes. I would love for this to be a "plug-and-play" thing, like Vuetify or Buefy. I would gladly pay for a Pro theme, if that meant they were "packaged".

cristi.jora
  • downloaded

Hi @paoloousalmo Glad you're interested in what we do. We are actually discussing and planning for that but there are some limitations to such an approach as it's harder to customize in some scenarios compared to having all the source files locally. We're considering to build native custom elements that can be re-used across templates
4 years ago

jongbonga
  • downloaded
4 years ago

Hi I really love this template, it's pretty amazing like all your other work. I have a question regarding the card component, how do I add an img-top to it?

alirezataghavi1378
  • downloaded
4 years ago

hi,i found an issue : toggle button do not turn off. you can test it in demo too.

ngongangsomen
  • downloaded
4 years ago

Nice on...

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