creativetimofficial / muse-vue-ant-design-dashboard Goto Github PK

View Code? Open in Web Editor NEW

263.0 7.0 621.0 18.16 MB

Muse Vue Ant Design Dashboard - Free and OpenSource Ant Design Vue Dashboard

Home Page: https://www.creative-tim.com/product/muse-vue-ant-design-dashboard

License: MIT License

HTML 0.58% JavaScript 2.45% Vue 59.30% SCSS 37.67%

admin dashboard admin-dashboard ant-design ant-design-vue

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

Muse Vue Ant Design Dashboard

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

Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, Soft UI Dashboard 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 is built with over 70 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

View Github Repository
Check FAQ Page

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!

Versions
Demo
Quick Start
Documentation
File Structure
Browser Support
Resources
Reporting Issues
Technical Support or Questions
Licensing
Useful Links

Versions

HTML

Demo

Quick start

Quick start options:

Download from Creative Tim.

Terminal Commands

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

Documentation

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

What's included

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

muse-vue-ant-design-dashboard
├── LICENSE
├── README.md
├── babel.config.js
├── gulpfile.js
├── package.json
├── public
│   ├── imagesd
│   └── index.html
├── src
│   ├── App.vue
│   ├── assets
│   ├── components
│   │   ├── Cards
│   │   │   ├── CardAuthorTable.vue
│   │   │   ├── CardBarChart.vue
│   │   │   ├── CardBillingInfo.vue
│   │   │   ├── CardConversations.vue
│   │   │   ├── CardCredit.vue
│   │   │   ├── CardInfo.vue
│   │   │   ├── CardInfo2.vue
│   │   │   ├── CardInvoices.vue
│   │   │   ├── CardLineChart.vue
│   │   │   ├── CardOrderHistory.vue
│   │   │   ├── CardPaymentMethods.vue
│   │   │   ├── CardPlatformSettings.vue
│   │   │   ├── CardProfileInformation.vue
│   │   │   ├── CardProject.vue
│   │   │   ├── CardProjectTable.vue
│   │   │   ├── CardProjectTable2.vue
│   │   │   └── CardTransactions.vue
│   │   ├── Charts
│   │   │   ├── ChartBar.vue
│   │   │   └── ChartLine.vue
│   │   ├── Footers
│   │   │   ├── DashboardFooter.vue
│   │   │   └── DefaultFooter.vue
│   │   ├── Headers
│   │   │   ├── DashboardHeader.vue
│   │   │   └── DefaultHeader.vue
│   │   ├── Sidebars
│   │   │   ├── DashboardSettingsDrawer.vue
│   │   │   └── DashboardSidebar.vue
│   │   └── Widgets
│   │       ├── WidgetCounter.vue
│   │       └── WidgetSalary.vue
│   ├── layouts
│   │   ├── Dashboard.vue
│   │   ├── DashboardRTL.vue
│   │   └── Default.vue
│   ├── main.js
│   ├── plugins
│   │   └── click-away.js
│   ├── router
│   │   └── index.js
│   ├── scss
│   │   ├── app.scss
│   │   ├── base
│   │   │   ├── _override.scss
│   │   │   ├── _typography.scss
│   │   │   ├── _utilities.scss
│   │   │   └── _variables.scss
│   │   ├── components
│   │   │   ├── _avatar.scss
│   │   │   ├── _badge.scss
│   │   │   ├── _button.scss
│   │   │   ├── _card.scss
│   │   │   ├── _chart.scss
│   │   │   ├── _dropdown.scss
│   │   │   ├── _list.scss
│   │   │   ├── _progress.scss
│   │   │   ├── _settings-drawer.scss
│   │   │   ├── _space.scss
│   │   │   ├── _table.scss
│   │   │   ├── _tag.scss
│   │   │   ├── _timeline.scss
│   │   │   └── _widget.scss
│   │   ├── form
│   │   │   ├── _checkbox.scss
│   │   │   └── _input.scss
│   │   ├── layouts
│   │   │   ├── _dashboard-rtl.scss
│   │   │   ├── _dashboard.scss
│   │   │   └── _default.scss
│   │   └── pages
│   │       ├── _profile.scss
│   │       ├── _sign-in.scss
│   │       └── _sign-up.scss
│   └── views
│       ├── 404.vue
│       ├── Billing.vue
│       ├── Dashboard.vue
│       ├── Layout.vue
│       ├── Profile.vue
│       ├── RTL.vue
│       ├── Sign-In.vue
│       ├── Sign-Up.vue
│       └── Tables.vue
└── 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. Here are some advices for our users that want to report an issue:

Make sure that you are using the latest version of the Muse Vue Ant Design Dashboard. Check the CHANGELOG from your dashboard on our website.
Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
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

Copyright 2021 Creative Tim
Creative Tim license

Useful Links

More products from Creative Tim
Tutorials
Freebies from Creative Tim
Affiliate Program (earn money)

Social Media

Twitter: https://twitter.com/CreativeTim

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

Dribbble: https://dribbble.com/creativetim

Instagram: https://instagram.com/creativetimofficial

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

Stargazers

Watchers

Forkers

arsalan-d tt-52101 trendingtechnology xiaoruiguo adnanu allanez hackur mnemosynemei templates-library shuaidd slightlynerd guanlola yulinet yaling-stu asciima bitsnaps bangrobe gunmanking franciscocpereira asortfix cfmt yangxuechen winnerku mohammads3dd tkien 89sooner janeyork saaserp gmenabue mol0d337 vueleague anbang entykey zyt520ham gongxings zfixer walidbtz7 4165306 xiaojieajie zhanggenlove dubeysuraj864 cgb-vue cgb-vue-quasar galilej solomongg scofieldwyq beibeijin clickhere0521 star-hjc cuulee heriparid xuyanbo lingshenghua kinolly 1ujin zmm623 9mhz randyz silvesterwali alvin-tosh eakenchan hcncc dzhl hxhccc rajukamlesh aetb225 ydniw urrrich asyasyarif punsoo fajar7xx vvv2002tb smallsun996 getx113 ferind07 nur001 tahirmahm123 wuxuehai2015 freehzw ramaprad laoyaobuchiren 25001chris mrawb chengliang0717 kevindussan3 zhoubuzhou sbigtree quentinquek caohonghai vcvinci 315641764 tillcn bigbossbryan fangzeyuan zcf-gits rdgcosta 05ttxx niuguy yek-plus qnone-x

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

Build failed with error code: 1

https://pastebin.com/jNB2SYYS

What is the dependent node version?

Your project is very good, as a vue beginner, I am learning and researching this project, but when running locally, I encountered problems, the error is as follows, my local nodejs version is 18

➤  npm install        
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@achrinza/[email protected]',
npm WARN EBADENGINE   required: { node: '8 || 10 || 12 || 14 || 16 || 17' },
npm WARN EBADENGINE   current: { node: 'v18.12.1', npm: '8.12.1' }
npm WARN EBADENGINE }
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
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]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
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]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
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]: 3.x is no longer supported
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
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 https://github.com/request/request/issues/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]: core-js@<3.23.3 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. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated [email protected]: core-js@<3.23.3 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. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh -c node scripts/build.js
npm ERR! Building: /usr/local/bin/node /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/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   '/usr/local/bin/node',
npm ERR! gyp verb cli   '/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/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] | darwin | arm64
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 find Python Python is not set from command line or npm configuration
npm ERR! gyp verb find Python Python is not set from environment variable PYTHON
npm ERR! gyp verb find Python checking if "python3" can be used
npm ERR! gyp verb find Python - executing "python3" to get executable path
npm ERR! gyp verb find Python - executable path is "/opt/homebrew/opt/[email protected]/bin/python3.11"
npm ERR! gyp verb find Python - executing "/opt/homebrew/opt/[email protected]/bin/python3.11" to get version
npm ERR! gyp verb find Python - version is "3.11.4"
npm ERR! gyp info find Python using Python version 3.11.4 found at "/opt/homebrew/opt/[email protected]/bin/python3.11"
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 18.12.1
npm ERR! gyp verb command install [ '18.12.1' ]
npm ERR! gyp verb install input version string "18.12.1"
npm ERR! gyp verb install installing version: 18.12.1
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 18.12.1
npm ERR! gyp verb build dir attempting to create "build" dir: /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/build
npm ERR! gyp verb build dir "build" dir needed to be created? /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/build
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/build/config.gypi
npm ERR! (node:45756) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "make"
npm ERR! gyp info spawn /opt/homebrew/opt/[email protected]/bin/python3.11
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   '/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'make',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass/build/config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   '/Users/ponponon/Library/Caches/node-gyp/18.12.1/include/node/common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=/Users/ponponon/Library/Caches/node-gyp/18.12.1',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=/Users/ponponon/Library/Caches/node-gyp/18.12.1/<(target_arch)/node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! Traceback (most recent call last):
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/gyp_main.py", line 51, in <module>
npm ERR!     sys.exit(gyp.script_main())
npm ERR!              ^^^^^^^^^^^^^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/__init__.py", line 670, in script_main
npm ERR!     return main(sys.argv[1:])
npm ERR!            ^^^^^^^^^^^^^^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/__init__.py", line 662, in main
npm ERR!     return gyp_main(args)
npm ERR!            ^^^^^^^^^^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/__init__.py", line 629, in gyp_main
npm ERR!     [generator, flat_list, targets, data] = Load(
npm ERR!                                             ^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/__init__.py", line 150, in Load
npm ERR!     result = gyp.input.Load(
npm ERR!              ^^^^^^^^^^^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/input.py", line 3021, in Load
npm ERR!     LoadTargetBuildFile(
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/input.py", line 411, in LoadTargetBuildFile
npm ERR!     build_file_data = LoadOneBuildFile(
npm ERR!                       ^^^^^^^^^^^^^^^^^
npm ERR!   File "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/gyp/pylib/gyp/input.py", line 239, in LoadOneBuildFile
npm ERR!     build_file_contents = open(build_file_path, "rU").read()
npm ERR!                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^
npm ERR! ValueError: invalid mode: 'rU' while trying to load binding.gyp
npm ERR! gyp ERR! configure error 
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onCpExit (/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/lib/configure.js:351:16)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Darwin 22.5.0
npm ERR! gyp ERR! command "/usr/local/bin/node" "/Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd /Users/ponponon/Desktop/code/me/github/muse-vue-ant-design-dashboard/node_modules/node-sass
npm ERR! gyp ERR! node -v v18.12.1
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok 
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ponponon/.npm/_logs/2023-06-23T13_48_37_304Z-debug-0.log

These bugs seem to be related to the node version. The dependency declaration file for this project does not specify the version of nodejs, so I need to ask you

Question about menu subitem css

Hi, i really love your design , and want to try free demo first , when i add sub menu to the layout, it is not support

i just use the doc you have given in creativeTim

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.