DEV Community

Cover image for Muse - Vue Ant Design Dashboard
admin-dashboards
admin-dashboards

Posted on • Originally published at admin-dashboards.com

4 4

Muse - Vue Ant Design Dashboard

This article presents an open-source product crafted by Creative-Tim on top of popular Ant Design: Muse Admin Dashboard. The product aims to help developers start faster a new project using a modern design powered by Vue JS Framework. Designed for those who like bold elements and beautiful websites Muse Vue Ant Design is ready to help you create stunning websites and web apps.

Thanks for reading! - Content provided by Admin Dashboards.



Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!


Muse Vue Ant Design Dashboard - Login Page.


Official product description - Muse Vue Ant Design Dashboard is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized. All components can take variations in color, that you can easily modify using SASS files and classes. Using this template designers and developers might save a lot of time going from prototyping to full-functional code because all elements are implemented.

If you want to get inspiration or just show something directly to your clients, you can start fast your development with pre-built example pages:


Muse Vue Ant Design Dashboard - Billing Page

Muse Vue Ant Design Dashboard - Billing Page.


Muse Vue Ant Design Dashboard - User profile

Muse Vue Ant Design Dashboard - Profile Page.


Compile from sources

The source code is published on Github, and we can download and compile the project from the public repository without a registration lock. Let's do it!

Step #1 - Download sources

$ git clone https://github.com/creativetimofficial/muse-vue-ant-design-dashboard.git
$ cd muse-vue-ant-design-dashboard
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install Dependencies

$ npm i
// OR
$ yarn
Enter fullscreen mode Exit fullscreen mode

Step #3 - Start the project in development mode

$ npm run dev
// 
$ yarn dev
Enter fullscreen mode Exit fullscreen mode

If all goes well, Muse Ant Dashboard should be up and running in the browser.


Muse Vue Ant Design Dashboard - product cover.


Thanks for reading! For more resources feel free to access:

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️