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

amilcar.theone40
  • downloaded
4 years ago

cuando saldra la version pro papi? <3

rarestoma
  • owner

Hi @amilcar.theone40 and thank you for working with our products! Our pro version will be launched in about 2 weeks. All the best, Rares!
4 years ago

alejandroodruezez
  • downloaded
4 years ago

con esa me conformo!!!!

qc
  • downloaded
4 years ago

@rarestoma For 2 months you say that the PRO version will be released in 2 weeks. Can you tell me exactly that date of release. Thank you in advance !

rarestoma
  • owner

Hello @qc and thank you for working with our products! Also, sorry for our late but our team is working on the latest details of the Argon Design System PRO and I want to make sure it's worth the wait. All the best, Rares!
4 years ago

bijoy.haldar
  • downloaded
4 years ago

My project is pending due to pro version! please release it as soon as possible!

rarestoma
  • owner

Hi @bijoy.haldar and thank you for working with our products. We do our best to release the PRO version :d All the best, Rares!
4 years ago

kmh66667
  • downloaded

@bijoy.haldar same lol.
4 years ago

sokolsm
  • downloaded
4 years ago

will try this

subv11
  • downloaded
4 years ago

Where is the Sketch / PSD version of this design system?

rarestoma
  • owner

Hi @subv11 and thank you for working with our products. After you download the HTML+SKETCH PACKAGE, in your downloads page, on the right side of your product, is a SKETCH button. You have to click there and download the Sketch/PSD version. I hope it helps. All the best, Rares
4 years ago

ian6dj 4 years ago

When using this, and also when viewing the login page on the live preview, when the input boxes for email and password lose focus they also lose their values. Or put in other words, they won't keep their text when losing focus. This can be replicated on the live preview hosted here.

ian6dj

Further info: disabling the blur method on the BaseInput component stops this happening
4 years ago

ian6dj 4 years ago

Sorry I should add, this is on OSX with Chrome 77

rarestoma
  • owner

Hi @ian6dj and thank you for working with our products! I tested it now and everything looks fine :D Can you please send me a short video with the issue? All the best, Rares!
4 years ago

vallala.santhosh
  • downloaded
4 years ago

shall i download and use this in my project and can i host it in godady

rarestoma
  • owner

Hi @vallala.santhosh and thank you for working with our products! Here you have more informations about our licenses (https://www.creative-tim.com/license). I hope it helps. All the best, Rares!
4 years ago

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