# Argon Design System

Argon Design is an [open-source](https://en.wikipedia.org/wiki/Open-source_software) design system based on Bootstrap CSS Framework, crafted by [Creative-Tim](https://appseed.gitbook.io/docs/content/partners/creative-tim) and released under MIT license. **Argon Design System** is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

* [Argon Design System](https://www.creative-tim.com/product/argon-design-system?AFFILIATE=128200) - product page
* [Argon Design System](https://demos.creative-tim.com/argon-design-system/index.html?AFFILIATE=128200) - LIVE Demo
* Related Products: [Argon PRO](https://www.creative-tim.com/product/argon-design-system-pro?AFFILIATE=128200) (premium version), [React](https://www.creative-tim.com/product/argon-dashboard-react?AFFILIATE=128200), [Vue](https://www.creative-tim.com/product/vue-argon-design-system?AFFILIATE=128200), [Flask](https://www.creative-tim.com/product/argon-dashboard-flask?AFFILIATE=128200), [Django](https://www.creative-tim.com/product/argon-dashboard-django?AFFILIATE=128200)

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.

![Argon Design System.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-MZWw9p3G_Zd_0-6D92t%2F-MZX0iOJjvM3m9k5fOWN%2Fargon-design-system.jpg?alt=media\&token=25b45d3a-3de4-45a2-8340-698d7e09a755)
