VueJs Version
Angular Version
NextJs Version
React Version
NuxtJs Version
Bootstrap Version
Folder Structure
Modernize VueJs Dashboard
📦
├── 📂 docs > Documentation for the Theme
├── 📂 package
│ ├── 📂 main > Demo
│ │ ├── 📂 public
│ │ ├── 📂 src
│ │ │ ├── 📂 assets
│ │ │ │ ├── 📂 images > All images used in the theme
│ │ │ ├── 📂 api > All data of apps & APIs
│ │ │ ├── 📂 components > App components
│ │ │ │ ├── 📂 apps > All app components
│ │ │ │ ├── 📂 container > Meta Description
│ │ │ │ ├── 📂 custom-scroll > Scrollbar component
│ │ │ │ ├── 📂 dashboards > All dashboard components
│ │ │ │ ├── 📂 forms > All form components
│ │ │ │ ├── 📂 material-ui > All UI components
│ │ │ │ ├── 📂 pages > All page components
│ │ │ │ ├── 📂 shared > Common components used across the theme
│ │ │ │ ├── 📂 tables > All table components
│ │ │ │ ├── 📂 widgets > All widget components
│ │ │ ├── 📂 contextapi > Manage data across all app components
│ │ │ ├── 📂 layouts
│ │ │ │ ├── 📂 blank > Blank layout for auth pages
│ │ │ │ ├── 📂 full > Full layout for inner pages
│ │ │ │ ├── 📂 routes > Page routing
│ │ │ ├── 📂 theme > Theme-level customization
│ │ │ ├── 📂 types > Define TypeScript types
│ │ │ │ ├── 📂 apps
│ │ │ │ │ ├── 📂 auth
│ │ │ │ ├── 📂 layout
│ │ │ ├── 📂 utils > Language settings
│ │ │ │ ├── 📂 languages
│ │ │ ├── 📂 views > All pages
│ │ │ │ ├── 📂 apps
│ │ │ │ ├── 📂 authentication
│ │ │ │ ├── 📂 charts
│ │ │ │ ├── 📂 dashboards
│ │ │ │ ├── 📂 forms
│ │ │ │ ├── 📂 pages
│ │ │ │ │ ├── 📂 landingpage
│ │ │ │ │ ├── 📂 frontend-pages
│ │ │ │ ├── 📂 spinner
│ │ │ │ ├── 📂 tables
│ │ │ │ ├── 📂 ui-components
│ │ │ │ ├── 📂 widgets
│ │ │ ├── 📄 App.tsx
│ │ │ ├── 📄 index.tsx
│ │ ├── 📄 package.json
│ ├── 📂 jwt-firebase > Demo
│ ├── 📂 dark > Demo
│ ├── 📂 horizontal > Demo
│ ├── 📂 rtl > Demo
│ ├── 📂 starterkit > Demo
Modernize VueJs Dashboard
📦
├── 📂 docs > Documentation files
├── 📂 package > Main project directory
│ ├── 📂 public > Public assets
│ ├── 📂 src > Source files
│ │ ├── 📂 assets > Static assets
│ │ ├── 📂 images > Image files
│ │ ├── 📂 components > Reusable Vue components
│ │ │ ├── 📂 auth > Authentication components
│ │ │ ├── 📂 dashboard > Dashboard-related components
│ │ │ ├── 📂 shared > Shared UI elements
│ │ │ ├── 📂 style-components > Styled components
│ │ ├── 📂 layouts > Page layouts
│ │ │ ├── 📂 blank > Blank layout
│ │ │ ├── 📂 full > Full layout
│ │ ├── 📂 plugins > Plugin configurations
│ │ │ ├── 📄 vuetify.ts > Vuetify configuration
│ │ ├── 📂 router > Vue Router setup
│ │ ├── 📂 scss > SCSS styling files
│ │ ├── 📂 theme > Theme configuration
│ │ ├── 📂 types > TypeScript type definitions
│ │ │ ├── 📂 dashboard > dashboard page types
│ │ │ ├── 📂 themeTypes > Theme-related types
│ │ ├── 📂 utils > Utility functions
│ │ │ ├── 📂 helpers > Helper functions
│ │ │ ├── 📂 locals > Localization files
│ │ │ ├── 📄 axios.ts > Axios setup for API calls
│ │ ├── 📂 views > Main application views/pages
│ │ │ ├── 📂 auth > Authentication views
│ │ │ ├── 📂 dashboard > Dashboard views
│ │ │ ├── 📂 pages > General pages
│ │ │ ├── 📂 components > components
│ │ ├── 📄 App.vue > Root Vue component
│ │ ├── 📄 main.ts > Main entry file
├── 📄 package.json > Project dependencies and scripts
├── 📄 vite.config.ts > Vite configuration