Argon Dashboard 2 PRO

Argon Dashboard 2 PRO is a premium Bootstrap 5 admin dashboard template from Creative Tim that ships with over 300 coded UI components, prebuilt application pages, and full documentation for building web app backends.

What is Argon Dashboard 2 PRO?

Argon Dashboard 2 PRO is a paid Bootstrap 5 dashboard template developed by Creative Tim. It provides HTML, SCSS, and JavaScript source files organized for a Gulp build system, plus a folder structure containing assets, docs, and pages directories. The template outputs full dashboard layouts, authentication screens, ecommerce views, and UI component examples ready to deploy on any static server. Separate versions are sold for React, Vue, Angular, Laravel, Node.js, and Nuxt.

Key Features

• Over 300 frontend elements — buttons, inputs, navbars, nav tabs, cards, and alerts, with color variations controlled through SASS files and classes.
• Prebuilt example pages — default dashboard, automotive dashboard, virtual reality, profile overview, account settings, RTL layout, Kanban application, ecommerce overview, sign in, and sign up.
• Bootstrap 5 foundation — the template uses the latest Bootstrap framework with a SCSS source folder (argon-dashboard-pro/scss) for custom styling.
• Fifteen integrated open-source plugins — Chart.js, FullCalendar, Dropzone, Quill, Simple-DataTables, jKanban, PhotoSwipe, SweetAlert2, noUISlider, Choices.js, CountUp.js, three.js, Popper.js, Flatpickr, and a multi-step Bootstrap wizard.
• Developer documentation — every component is documented on the Creative Tim learning lab site with usage examples.
• Multiple framework versions — official ports for React, Vue, Angular, Laravel, Node.js, and Nuxt are linked from the README.
• Gulp and npm tooling — includes package.json and gulpfile.js; running npm install in the root directory sets up local dependencies.

Who should use Argon Dashboard 2 PRO?

• Frontend developers — skip component-building and assemble a complete dashboard UI from the included pages and elements, customizing via SASS variables.
• Startup product teams — reuse the authentication, profile, and account pages to stand up the user interface of a SaaS or web app quickly.
• Agencies and freelancers — deliver client dashboards with a consistent Argon design system and documented structure that is easy to hand over.

What can you do with Argon Dashboard 2 PRO?

• Build an internal operations dashboard: combine Chart.js analytics, DataTables tables, and the Kanban board page to monitor metrics and tasks.
• Set up a SaaS admin panel: use the sign in, sign up, profile, and account settings pages as the foundation of user management.
• Create an ecommerce backend: start from the ecommerce overview page and integrate the wizard for multi-step forms such as checkout or onboarding.

How does Argon Dashboard 2 PRO work?

After purchasing the template from Creative Tim, you download the archive, install Node.js, navigate to the root directory, and run npm install to pull local dependencies. The project includes a gulpfile.js for compiling assets, so you can edit SCSS and rebuild the CSS. No build step is required for the HTML pages themselves, making it possible to open them directly.

FAQ

Is Argon Dashboard 2 PRO free?

No. Argon Dashboard 2 PRO is a premium product sold through Creative Tim's website. The README points to the Buy Page rather than a free download link.

What framework is Argon Dashboard 2 PRO built with?

It is built on Bootstrap 5, with SCSS source files for customization. The same design is also available in separate products for React, Vue, Angular, Laravel, Node.js, and Nuxt.

Which browsers does Argon Dashboard 2 PRO support?

The template officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.

What plugins are included in Argon Dashboard 2 PRO?

It bundles Chart.js for charts, FullCalendar for calendars, Dropzone for file uploads, Quill for rich text editing, Simple-DataTables for tables, jKanban for Kanban boards, PhotoSwipe for image galleries, SweetAlert2 for alerts, noUISlider for sliders, Choices.js for selects, CountUp.js for animated numbers, three.js for 3D graphics, and a multi-step form wizard.