Argon Design System PRO React

Start your development with a **Premium Argon Design System for Bootstrap 4, React, Reactstrap and React Hooks**. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

**Fully Coded Components**

**Argon Design System PRO React** is built with over 1200 individual components, 43 sections and 18 example pages giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SCSS 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. You can view all components [here](https://demos.creative-tim.com/argon-design-system-pro-react/#/index).

**Core re-built from scratch**

Start your development with a Premium Argon Design System for Bootstrap 4, React, Reactstrap and React Hooks. Argon is a completly new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

**Fully coded components**

**Argon Design System PRO React** is built with over 1100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SCSS 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 pre-built 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.

**Complex Documentation**

Each element is well presented in a very complex documentation. You can read more about the idea behind this design system [here](https://demos.creative-tim.com/argon-design-system-pro-react/#/documentation/getting-started/overview). You can check the components [here](https://demos.creative-tim.com/argon-design-system-pro-react/#/documentation/components/alerts) and the foundation [here](https://demos.creative-tim.com/argon-design-system-pro-react/#/documentation/foundation/colors).

**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](https://demos.creative-tim.com/argon-design-system-pro-react/#/examples/about-us). You will be able to quickly set up the basic structure for your web project.

## Bootstrap 4 Support

**Argon Design System PRO React** is built on top of the much awaited Bootstrap 4, using React and Reactstrap. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 / Reactstrap project; you can just import the Argon Design System PRO React style over it. Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.

## React Hooks Support

**Argon Design System PRO React** is built on top of Bootstrap 4 using React and Reactstrap, so it fully supports React Hooks.