Code Monkey home page Code Monkey logo

ct-muse-vue-ant-design-dashboard-pro's Introduction

Muse Vue Ant Design Dashboard PRO Tweet

version GitHub issues open GitHub issues closed

Image

Muse - Vue Ant Design Dashboard PRO is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized

Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, Muse Vue Ant Design Dashboard PRO is ready to help you create stunning websites and webapps.

We created many examples for pages like Sign In, Profile and so on. Just choose between a Basic Design, an illustration or a cover and you are good to go!

Fully Coded Elements

Muse - Vue Ant Design Dashboard PRO is built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes. You will save a lot of time going from prototyping to full-functional code, because all elements are implemented.

View all components here.

Documentation built by Developers

Each element is well presented in a very complex documentation. You can read more about the documentation here.

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. You will be able to quickly set up the basic structure for your web project. View example pages here.

HELPFUL LINKS

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

  • Ant Design Vue- An enterprise-class UI design language for web applications

Let us know your thoughts below. And good luck with development!

Table of Contents

Versions

HTML
Muse Vue Ant Design Dashboard PRO

Demo

View More.

Quick start

Quick start options:

Terminal Commands

  1. Download and Install NodeJs from NodeJs Official Page.
  2. Navigate to the root / directory and run npm install to install our local dependencies.

Documentation

The documentation for the Muse Vue Ant Design Dashboard PRO is hosted at our website.

What's included

Within the download you'll find the following directories and files:

muse-vue-ant-design-dashboard-pro
.
├── README.md
├── babel.config.js
├── package.json
├── public
│   ├── images
│   │   ├── icons
│   │   │   └── flags
│   │   ├── illustrations
│   │   ├── logos
│   │   │   ├── facebook.svg
│   │   │   ├── gray-logos
│   │   │   │   ├── logo-coinbase.svg
│   │   │   │   ├── logo-nasa.svg
│   │   │   │   ├── logo-netflix.svg
│   │   │   │   ├── logo-pinterest.svg
│   │   │   │   ├── logo-spotify.svg
│   │   │   │   └── logo-vodafone.svg
│   │   │   ├── icon-bulb.svg
│   │   │   ├── logo-apple.svg
│   │   │   ├── logo-asana.svg
│   │   │   ├── logo-atlassian.svg
│   │   │   ├── logo-google-drive.svg
│   │   │   ├── logo-invision.svg
│   │   │   ├── logo-jira.svg
│   │   │   ├── logo-shopify.svg
│   │   │   ├── logo-slack.svg
│   │   │   ├── logo-spotify.svg
│   │   │   ├── logo-weave.svg
│   │   │   ├── logo-webdev.svg
│   │   │   ├── logo-xd.svg
│   │   │   └── logos-facebook.svg
│   │   ├── shapes
│   │   │   ├── pattern-lines.svg
│   │   │   └── waves-white.svg
│   │   └── small-logos
│   │       ├── icon-bulb.svg
│   │       ├── logo-asana.svg
│   │       ├── logo-atlassian.svg
│   │       ├── logo-invision.svg
│   │       ├── logo-jira.svg
│   │       ├── logo-slack.svg
│   │       ├── logo-spotify.svg
│   │       └── logo-xd.svg
│   └── index.html
├── src
│   ├── App.vue
│   ├── components
│   │   ├── Cards
│   │   │   ├── CardBarChart.vue
│   │   │   ├── CardBillingInfo.vue
│   │   │   ├── CardCategories.vue
│   │   │   ├── CardConversations.vue
│   │   │   ├── CardCredit.vue
│   │   │   ├── CardInfo.vue
│   │   │   ├── CardInfo2.vue
│   │   │   ├── CardInvoices.vue
│   │   │   ├── CardLineChart.vue
│   │   │   ├── CardNextEvents.vue
│   │   │   ├── CardNotification.vue
│   │   │   ├── CardOrderHistory.vue
│   │   │   ├── CardPaymentMethods.vue
│   │   │   ├── CardPlatformSettings.vue
│   │   │   ├── CardProfileInformation.vue
│   │   │   ├── CardProject.vue
│   │   │   ├── CardProject2.vue
│   │   │   ├── CardProjectTable.vue
│   │   │   ├── CardSalesByCountryTable.vue
│   │   │   ├── CardTransactions.vue
│   │   │   └── CardTransactions2.vue
│   │   ├── Charts
│   │   │   ├── ChartBar.vue
│   │   │   ├── ChartBar2.vue
│   │   │   ├── ChartBarHorizontal.vue
│   │   │   ├── ChartBubble.vue
│   │   │   ├── ChartDoughnut.vue
│   │   │   ├── ChartLine.vue
│   │   │   ├── ChartLine2.vue
│   │   │   ├── ChartLineFull.vue
│   │   │   ├── ChartLineGradient.vue
│   │   │   ├── ChartLineWidget.vue
│   │   │   ├── ChartMixed.vue
│   │   │   ├── ChartPie.vue
│   │   │   ├── ChartPolar.vue
│   │   │   └── ChartRadar.vue
│   │   ├── Footers
│   │   │   ├── DashboardFooter.vue
│   │   │   └── DefaultFooter.vue
│   │   ├── Headers
│   │   │   ├── DashboardHeader.vue
│   │   │   └── DefaultHeader.vue
│   │   ├── Kanban
│   │   │   ├── Kanban.vue
│   │   │   ├── KanbanBoard.vue
│   │   │   └── KanbanTask.vue
│   │   ├── Sidebars
│   │   │   ├── DashboardSettingsDrawer.vue
│   │   │   └── DashboardSidebar.vue
│   │   └── Widgets
│   │       ├── WidgetCounter.vue
│   │       ├── WidgetGlobe.vue
│   │       ├── WidgetLineChart.vue
│   │       └── WidgetSalary.vue
│   ├── layouts
│   │   ├── Dashboard.vue
│   │   ├── DashboardRTL.vue
│   │   └── Default.vue
│   ├── main.js
│   ├── plugins
│   │   └── three
│   │       ├── orbit-controls.js
│   │       └── threejs.js
│   ├── router
│   │   └── index.js
│   ├── scss
│   │   ├── app.scss
│   │   ├── base
│   │   │   ├── _override.scss
│   │   │   ├── _typography.scss
│   │   │   ├── _utilities.scss
│   │   │   └── _variables.scss
│   │   ├── components
│   │   │   ├── _alerts.scss
│   │   │   ├── _avatar.scss
│   │   │   ├── _badge.scss
│   │   │   ├── _button.scss
│   │   │   ├── _card.scss
│   │   │   ├── _chart.scss
│   │   │   ├── _dropdown.scss
│   │   │   ├── _fullcalendar.scss
│   │   │   ├── _kanban.scss
│   │   │   ├── _list.scss
│   │   │   ├── _notifications.scss
│   │   │   ├── _photoswipe.scss
│   │   │   ├── _progress.scss
│   │   │   ├── _settings-drawer.scss
│   │   │   ├── _space.scss
│   │   │   ├── _table.scss
│   │   │   ├── _tabs.scss
│   │   │   ├── _tag.scss
│   │   │   ├── _timeline.scss
│   │   │   └── _widget.scss
│   │   ├── form
│   │   │   ├── _checkbox.scss
│   │   │   ├── _input.scss
│   │   │   ├── _quill.scss
│   │   │   └── _tags.scss
│   │   ├── layouts
│   │   │   ├── _dashboard-rtl.scss
│   │   │   ├── _dashboard.scss
│   │   │   └── _default.scss
│   │   └── pages
│   │       ├── _invoice.scss
│   │       ├── _pricing.scss
│   │       ├── _profile.scss
│   │       ├── _sign-in.scss
│   │       └── _sign-up.scss
│   └── views
│       ├── 404.vue
│       ├── Account
│       │   ├── Billing.vue
│       │   ├── Invoice.vue
│       │   └── Settings.vue
│       ├── Alerts.vue
│       ├── Applications
│       │   ├── Calendar.vue
│       │   ├── DataTables.vue
│       │   ├── Kanban.vue
│       │   └── Wizard.vue
│       ├── Authentication
│       │   └── Sign-Up
│       │       ├── Basic.vue
│       │       ├── Cover.vue
│       │       └── Illustration.vue
│       ├── Charts.vue
│       ├── Dashboards
│       │   ├── CRM.vue
│       │   └── Default.vue
│       ├── Ecommerce
│       │   ├── Orders
│       │   │   ├── OrdersDetails.vue
│       │   │   └── OrdersList.vue
│       │   └── Products
│       │       ├── EditProduct.vue
│       │       ├── NewProduct.vue
│       │       └── ProductPage.vue
│       ├── Layout.vue
│       ├── Notifications.vue
│       ├── Pricing.vue
│       ├── Profile
│       │   ├── AllProjects.vue
│       │   └── ProfileOverview.vue
│       ├── Projects
│       │   └── Timeline.vue
│       ├── RTL.vue
│       └── Users
│           └── New.vue
├── static
│   ├── images
│   │   └── logos
│   └── logos
├── vue.config.js

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

Reporting Issues

We use GitHub Issues as the official bug tracker for the Muse Vue Ant Design Dashboard PRO. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Muse Vue Ant Design Dashboard PRO. Check the CHANGELOG from your dashboard on our website.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Instagram: https://instagram.com/creativetimofficial

ct-muse-vue-ant-design-dashboard-pro's People

Contributors

dragosct avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

ct-muse-vue-ant-design-dashboard-pro's Issues

Can you update it, please?

Hi Creative Tim team!

I used to buy some of your themes in the past and I am seriously consider buying this one as well.

Before that though, could you please update it to the current versions of Vue and Ant Design Vue?
I see that currently it uses:

  • Vue 2 (v2.6.14) instead of 3
  • Vue Router 3 instead of 4
  • most probably And Design Vue ver. 2.x

Thanks!

[Bug] Cant install dependencies

Version

1.0.0

Reproduction link

http://cant.send.this.com

Operating System

windows 10

Device

Visual studio code bash terminal

Browser & Version

Steps to reproduce

-read the documentatnion
-unzip the project
-run npm install
-Error:

$ npm install
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: 3.x is no longer supported
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli 'C:\Program Files\nodejs\node.exe',
npm ERR! gyp verb cli 'C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\node-gyp\bin\node-gyp.js',
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '--verbose',
npm ERR! gyp verb cli '--libsass_ext=',
npm ERR! gyp verb cli '--libsass_cflags=',
npm ERR! gyp verb cli '--libsass_ldflags=',
npm ERR! gyp verb cli '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb which failed Error: not found: python2
npm ERR! gyp verb which failed at getNotFoundError (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:13:12)
npm ERR! gyp verb which failed at F (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:68:19)
npm ERR! gyp verb which failed at E (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:80:29)
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:89:16
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\isexe\index.js:42:5
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb which failed python2 Error: not found: python2
npm ERR! gyp verb which failed at getNotFoundError (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:13:12)
npm ERR! gyp verb which failed at F (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:68:19)
npm ERR! gyp verb which failed at E (C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:80:29)
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\which\which.js:89:16
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\isexe\index.js:42:5
npm ERR! gyp verb which failed at C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb which failed code: 'ENOENT'
npm ERR! gyp verb which failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb which succeeded python C:\Python310\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: C:\Python310\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack File "", line 1
npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)?
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:399:12)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:520:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1092:16)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Windows_NT 10.0.19042
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\Solar_Storm_3\Documents\PROJECTNAME website\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.14.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

What is expected?

install dependencies

What is actually happening?

Solution

Additional comments

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.