โค๏ธ 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,891
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

kontakt4v8
  • downloaded
5 years ago

@extrabright I've sent one email, no response. Also no github responses.

extrabright
  • downloaded

Hi, I couldn't find any email from you. Did you open an issue on Github? If not, use this page: https://github.com/creativetimofficial/argon-design-system/issues
5 years ago

slimlam
  • downloaded
5 years ago

This looks really cool, but I can't figure out how to get started. I download the package and then what?

extrabright
  • downloaded

Hi, Please use the product's docs. You will find more about what is included and how to customize it using the provided build tools. Here is the link: https://demos.creative-tim.com/argon-design-system/docs/getting-started/overview.html
5 years ago

heatherford
  • downloaded
5 years ago

@extrabright @dragosct @alexpaduraru Javascript error in"argon.js" on line 21

heatherford
  • downloaded

Uncaught ReferenceError: $ is not defined at argon.js:20
5 years ago

extrabright
  • downloaded

Hi, Did you include jquery on your page? Please, use the example page to see how to include the css/js resources on your page. If you still get an error, please open an issue on Github. Here is the link: https://github.com/creativetimofficial/argon-design-system/issues
5 years ago

slimlam
  • downloaded
5 years ago

So, after what appears to be significant effort, the developers didn't bother to just provide a step-by-step for building this thing. Unbelievable. So, here it is: $ git clone https://github.com/creativetimofficial/argon-design-system Make sure nodejs is installed https://nodejs.org/en/download/ This should also install npm $ cd argon-design-system $ npm install $ gulp build $ gulp

alexpaduraru
  • owner

@slimlam thank you for using our product. Please check the official documentation: https://demos.creative-tim.com/argon-design-system/docs/getting-started/build-tools.html where it is presented how to build and start. Hope this helps.
5 years ago

kontakt4v8
  • downloaded
5 years ago

@slimlam like I stayed above. Products are great but support sucks. There's 4 github tickets. There is many many comments. I was given a reply to send an email. That email was sent couple days before someone here responded. Still no response. Great products, but they tend to lack support... Which really sucks. $ is not everything.

alexpaduraru
  • owner

@kontakt4v8 thank you for using our products. This is a free open source project, that means people can contribute to it if they find something that can be fixed. It also gets "regular support" compared with the "premium support" from the PRO products, that means we prioritize the support for the paid products as those products pay for the rent and salaries. We don't pay rent with the stars that we get on Github from the Free projects. So as soon as we get time we also improve the Open source projects and respond in their support, we do our best on this and sometimes it's hard as we are too caught in the PRO products. Hope this gives you an idea about the business and you don't get upset if our support for free products sucks sometimes. Thank you for your understanding and feel free to contribute when you want! Best, Alex!
5 years ago

ardyebriansyah
  • downloaded
5 years ago

Perfect ui kit ๐Ÿ˜๐Ÿ˜˜

extrabright
  • downloaded

Haha! Just getting started :)
5 years ago

erayhan41
  • downloaded
5 years ago

thank you so much

patnaik.kaur
  • downloaded
5 years ago

Bro,please introduce cards like(image cards,card panels etc..) in the next version.Finally the design system is excellent

heatherford
  • downloaded
5 years ago

@extrabright Will there be a wizard version of this?

fisherjs
  • downloaded
5 years ago

When does the PRO version will up? Will there be a admin dashboard version of Argon?

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