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

lincoln.nail 5 years ago

Having to compile this completely turns me off! I guess I am done with creative-tim now... smh.

cristi.jora
  • downloaded

@lincoln.nail You can always opt in for the simple html version https://www.creative-tim.com/product/argon-design-system which you don't have to compile. Vue.js always has to be compiled down to js :) That's how it works.
5 years ago

hemal
  • downloaded
5 years ago

@cristi.jora perfect, thanks for this wonderful stuff :)

dicksonundia
  • downloaded
5 years ago

must i have to compile this.....and use it like https://www.creative-tim.com/product/argon-design-system which doesnt require compilation

simonihler
  • downloaded
5 years ago

When can we expect the PRO version?

cristi.jora
  • downloaded

PRO will come couple of weeks from now along with the html and version first.
5 years ago

bsdrago 5 years ago

Sorry, maybe because en is not my first language, but its not clear for me. It is or not a Bootstrap theme? ;)

cristi.jora
  • downloaded

Yes, it is a bootstrap theme. You can check the source code as well because it's free and MIT licence
5 years ago

bsdrago 5 years ago

Sorry, maybe because en is not my first language, but its not clear for me. It is or not a Bootstrap theme? ;)

care
  • downloaded
5 years ago

Hi, wondering if there is an ETA for PRO version and Dashboard ?

cristi.jora
  • downloaded

Hello. Glad you are interested in a future PRO version. PRO will come couple of weeks from now along with the html and version first. We are working on that at the moment.
5 years ago

danielndar
  • downloaded
5 years ago

Hi Cris, good job. Would it be possible to create a npm version in order to integrate with our applications? Regards

sikeat
  • downloaded
5 years ago

Hi! I got a problem when compile Vue : Module build failed: SyntaxError: Unexpected token (76:23) 74 | import TabPane from "../../components/Tabs/TabPane.vue"; 75 | import Modals from "./JavascriptComponents/Modals"; > 76 | const Tooltips = () => import("./JavascriptComponents/Tooltips"); | ^ 77 | const DatePickers = () => import("./JavascriptComponents/DatePickers"); 78 | import Images from "./JavascriptComponents/Images"; 79 | import TabsSection from "./JavascriptComponents/TabsSection"; @ ./resources/js/views/components/JavascriptComponents.vue 8:21-376

sikeat
  • downloaded

I found a problem I try to change from "const Tooltips and DatePickers" to "import Tooltips from "./JavascriptComponents/Tooltips"; import DatePickers from "./JavascriptComponents/DatePickers";" it work now.
5 years ago

amirhazz
  • downloaded
5 years ago

I just wanted to say whoever designed this template is the best web designer(s) in the world. The choice of colors, simplicity and elegance of this template is amazing. Also with Vue is makes it even better to use the components. A big thank you to the team.

cristi.jora
  • downloaded

Thanks a lot amirhazz. We are very happy to hear that other web devs find this useful.
5 years ago

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