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

Free and Open Source Design System for Bootstrap 4

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

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
Argon Design System - Fully Coded and Responsive HTML5
Argon Design System - Sass Files for Professional Front End Developers
Argon Design System - Photoshop Files for Professional Designers
Argon Design System - Sketch Files for Professional Designers
Argon Design System - Crafted with Bootstrap - the most popular Front End Framework
Argon Design System - The Progressive JavaScript Framework
Argon Design System - Figma Files for Professional Designers
Downloads
50,820
Version
1.2.2
Changelog
Updated
3 years ago
Released
5 years ago
Reviews
Star
Handcrafted Elements
100
Customized Plugins
3
Example Pages
4
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Argon Design System 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 100 1100
Plugins 3 9
Examples Pages 4 17
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

159 Web Developers commented on this product

varadumar3
  • downloaded
5 years ago

Is there a timeline for the argon dashboard? :O

extrabright
  • downloaded

Working on it.The free version should be released within two months.
5 years ago

byandrewdavis
  • downloaded

@extrabright any estimate on how long it will take to get the vuejs version of the dashboard once the base version is created? planning ahead for a future app. looking great!
5 years ago

varadumar3
  • downloaded

Awesomesauce !
5 years ago

shilu911 5 years ago

This is awesome, any timeline for VUE pro and React pro?

extrabright
  • downloaded

As @chelaru_ciprian said in a previous comment, the Vue version is already under construction. Same for React, very soon :)
5 years ago

cristi.jora
  • downloaded

@shilu911 Vue version is mostly done. Working on documentation atm https://github.com/creativetimofficial/vue-argon-design-system
5 years ago

shilu911

Thanks for sharing the repo address. I was wondering do you have plan for Vue Pro version? I don't see SideNav and Table in this free version, I guess they will be in the pro version, am I right?
5 years ago

dave.armstrong
  • downloaded
5 years ago

Ooooo sexual!!! Any idea when the pro version with psd maybe available?

extrabright
  • downloaded

Hi, Thanks a lot! :) We don't have an estimate date, but I think we will be able to launch it this fall.
5 years ago

rdxvicky1..
  • downloaded
5 years ago

Please add video player components on upcoming pro version.

margaritisk7
  • downloaded
5 years ago

This is the best one so far, i love it!

amilcar.theone
  • downloaded
5 years ago

una belleza hay la version pro?

extrabright
  • downloaded

Veeery very soon
5 years ago

ichok87
  • downloaded
5 years ago

How do you incorporate this design system into Angular?

extrabright
  • downloaded

Hi, We are working on the Angular version. We hope it will be released soon. Maybe @chelaru_ciprian has more info on the status :)
5 years ago

kontakt4v8
  • downloaded
5 years ago

Hi! 1/ argon-design-system/docs has a navbar that is sticky on desktop, and not sticky on mobile - could you implement such examples to argon? 2/ argon has headroom.js but no example uses it, and headroom.js is missing from assets, I've implemented it, but it breaks the navbar.

extrabright
  • downloaded

Hi, We'll come up with more examples in the Pro version. The headroom issue will be fixed until the next update which will be released next week.
5 years ago

diadal
  • downloaded
5 years ago

how do fix header in Argon

extrabright
  • downloaded

A feature for this will be added in v1.0.1 which will be released in a couple of days :)
5 years ago

httzip
  • downloaded
5 years ago

Nice Template . Thank you so much !

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