Vue Argon Dashboard Asp.net

Vue Argon Dashboard Asp.net is a free, open-source admin dashboard template from Creative Tim that pairs a Vue.js and Bootstrap 4 front end with an ASP.NET Core IdentityServer back end for authentication.

What is Vue Argon Dashboard Asp.net?

Vue Argon Dashboard Asp.net is an admin dashboard template combining a Vue.js single-page application built with vue-cli and Bootstrap 4 with an ASP.NET Core IdentityServer (IDS) backend. It ships with login, registration, and user profile editing wired to the identity server, and it runs as a Docker Compose project. The template is created by Creative Tim and released under the MIT license.

The repo contains two top-level folders: Vue for the front end and IdentityServer for the .NET Core API. The Vue app uses Vuex for state management (auth and axiosHeaders modules) and vue-router for navigation. The IdentityServer project includes PasswordController, ProfileController, and RegisterController, plus seed data and migrations.

Key Features

• Docker Compose setup — Running docker-compose up --build from the project root starts both the Vue dashboard and the IdentityServer; the dashboard is served at localhost:8080/admin/dashboard and IdentityServer at localhost:5000/.well-known/openid-configuration.
• IdentityServer authentication — Implements the resource owner password flow with two default users (alice and bob, password Pass123$) and adds registration and profile update capabilities.
• Over 100 Vue components — Includes BaseAlert, BaseButton, BaseInput, Modal, Tabs, StatsCard, and chart components (LineChart, BarChart, PieChart, DoughnutChart), with color variants modifiable through SASS files.
• Bootstrap 4 + Argon Design System — The UI is built on Bootstrap 4 with Argon styling, including nucleo icons, custom forms, and utility classes.
• Pre-built pages — Comes with Dashboard, Tables, Icons, Maps, Login, Register, and UserProfile views, plus DashboardLayout and AuthLayout components.
• Browser support — Officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.
• Documentation and changelog — Includes a hosted documentation site, CHANGELOG.md, and GitHub issue templates.

Who is it for?

• .NET developers who need a ready-made admin UI backed by IdentityServer can clone the project and immediately get login, registration, and profile endpoints wired to a Vue front end.
• Vue.js developers looking for a Bootstrap 4 dashboard can reuse the 100+ components and example pages, then swap in their own backend.
• Full-stack teams can use the Docker Compose workflow to spin up both the front end and identity service on a local machine for quick prototyping.

What can you do with it?

• Full-stack authentication demo: Start both apps with Docker and demonstrate login, registration, and profile updates using the seeded alice and bob accounts.
• Admin panel customization: Use the SASS files in src/assets/scss to change colors and build custom dashboard pages with the included chart, table, and form components.
• IdentityServer learning: Study the resource owner password flow in the IdentityServer project's Config.cs and Startup.cs to see how IDS integrates with a Vue SPA.

How does it work?

Clone the repository from GitHub, then run docker-compose up --build from the project root. The first run builds the Docker images; afterward the Vue front end is available at localhost:8080/admin/dashboard and the IdentityServer discovery document at localhost:5000/.well-known/openid-configuration. The integration follows the resource owner password flow, which can be modified in Config.cs and Startup.cs.

Pricing

The template is free and licensed under MIT, with source available on GitHub.

FAQ

Is Vue Argon Dashboard Asp.net free?

Yes, the template is open source under the MIT license. You can download it from GitHub or Creative Tim and use it in personal and commercial projects without paying a license fee.

What does Vue Argon Dashboard Asp.net include?

It includes a Vue.js and Bootstrap 4 dashboard with over 100 components, three authentication features (login, register, user profile), and a Docker Compose setup that runs the Vue front end alongside an ASP.NET Core IdentityServer. Example pages like Dashboard, Tables, Icons, and Maps are included.

How do I run Vue Argon Dashboard Asp.net?

Clone the repository and run docker-compose up --build from the project root. Once the images build, open localhost:8080 for the dashboard and localhost:5000 for the IdentityServer endpoints. You need Docker installed.

What are the default login credentials?

The IdentityServer seeds two users: alice and bob, both with the password Pass123$. You can use either account to log into the dashboard after starting the Docker project.

Which browsers are supported?

The template officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera. This is stated in the project's README.