Argon Dashboard 3

Argon Dashboard 3 is a free, open-source Bootstrap 5 admin dashboard template by Creative Tim, built to accelerate frontend development for responsive web applications.

What is Argon Dashboard 3?

Argon Dashboard 3 is a free, MIT-licensed admin dashboard template built on Bootstrap 5 by Creative Tim, a UI kit and dashboard vendor. It takes a standard HTML, SCSS, and JavaScript project structure and turns it into a responsive dashboard with fully coded example pages — dashboard, user profile, tables, RTL layout, sign-up, and sign-in — that developers can extend with their own data and components. The package is available for download from GitHub and Creative Tim, and installation is supported through npm, yarn, and Composer.

Key Features

• 70+ frontend components — Buttons, inputs, navbars, navtabs, cards, and alerts with color variants that you can customize via SASS files and classes.
• Pre-built example pages — Six pages including dashboard, profile, tables, RTL, sign-up, and sign-in, all linked from the live demo.
• Multi-framework support — The same design is also published for React, Vue, Angular, ASP.NET, Node.js, and Laravel as separate products.
• SCSS theming — Styles are organized under assets/scss with a single entry file (argon-dashboard.scss) for efficient customization.
• Gulp and npm tooling — The repo includes gulpfile.js and package.json, letting you automate tasks and manage dependencies with standard Node tooling.
• Basic file structure — Assets are separated into css, fonts, img, js (with core and plugins folders), and scss, plus a docs folder and CHANGELOG.md.
• Browser support — Officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.

Who is it for?

• Frontend developers — Use it as a starting point for Bootstrap 5 admin panels, saving time on UI components and page layout.
• Startups and internal tools teams — Ship a clean, responsive dashboard for metrics, tables, and user management without paying for a commercial theme.
• Agencies and freelancers — Quickly create client-facing dashboard prototypes using the demo pages as a visual reference, then replace sample content with real data.
• Cross-framework teams — If your stack is React, Vue, Angular, ASP.NET, Node.js, or Laravel, a matching Argon Dashboard version exists alongside this HTML one.

What can you do with Argon Dashboard 3?

• Admin panel — Use the dashboard page layout to present key performance indicators, charts, and recent activity.
• Authentication screens — Adapt the sign-in and sign-up pages for a login and registration flow.
• Data tables — Start from the tables page to build sortable, responsive data views.
• RTL interfaces — Use the included RTL page to support Arabic or Hebrew locales.

How does it work?

Download the ZIP from GitHub, or install it with npm i @creative-tim-official/argon-dashboard-free, yarn add @creative-tim-official/argon-dashboard-free, or composer create-project creativetimofficial/argon-dashboard-free. The package contains static assets and HTML pages; open any page in a browser to see the dashboard, then edit the SCSS and HTML files to customize. The full documentation is available on the Creative Tim learning lab at creative-tim.com/learning-lab/bootstrap/overview/argon-dashboard.

Pricing

Argon Dashboard 3 is free and open-source under the MIT license. Creative Tim also sells premium products and bundles on its website.

FAQ

Is Argon Dashboard 3 free?

Yes. The HTML version is distributed under the MIT license, so you can use it in personal and commercial projects without paying a license fee. It is also available on npm, yarn, and Composer.

What Bootstrap version does Argon Dashboard 3 use?

It is built on Bootstrap 5. The template uses SCSS for styling, with a dedicated file structure under assets/scss/argon-dashboard.

How do I install Argon Dashboard 3?

You have several options: clone the GitHub repository, download the ZIP, or install via npm, yarn, or Composer. The README lists npm i @creative-tim-official/argon-dashboard-free as the npm install command.

Does Argon Dashboard 3 exist for other frameworks?

Yes. Creative Tim publishes separate versions for React, Vue, Angular, ASP.NET, Node.js, and Laravel, each with its own product page and repository.