Top

Vue folder Structure

We have used the best folder structure.If you want check some images path and scss folder structure you can refer this page

  • Mofi
    • public
      • index.html
      • favicon.ico
    • src
      • assets
        • audio
          • horse.ogg
        • fonts
          • calendar
          • feather
          • flag-icon
          • font-awesome
          • ico
          • summernote
          • themify
        • images
          • alert
          • avtar
          • banner
          • big-lightgallry
          • big-masonry
          • blog
          • calender
          • checkout
          • dashboard
          • dashboard-2
          • ecommerce
          • email
          • email-template
          • faq
          • job-search
          • knowledgebase
          • landing
          • lightgallry
          • login
          • logo
          • masonry
          • product_list
          • other-images
          • product
          • range-slider
          • slider
          • slider-auto-width
          • social-app
          • svg-icon
          • tree
          • user
          • user-card
          • appointment
          • button_builder
          • dashboard-3
          • dashboard-4
          • forms
          • gif
          • scrollbar
          • switch
          • ajax-loader
          • details_close
          • details_open
          • hour.svg
          • min.svg
          • sec.svg
          • favicon.png
          • js-grid.png
          • marker-icon-2x.png
          • marker-icon.png
          • marker-shadow.png
          • smiley.png
          • sort_asc_disabled.png
          • sort_asc.png
          • sort_both.png
          • sort_desc_disabled.png
          • sort_desc.png
          • user.jpg
        • scss
          • base
            • _reset.scss
            • _typography.scss
          • components
            • _according.scss
            • _alert.scss
            • _avatars.scss
            • _badge.scss
            • _basic-card.scss
            • _bookmark.scss
            • _breadcrumb.scss
            • _builders.scss
            • _buttons.scss
            • _calendar.scss
            • _card.scss
            • _color.scss
            • _datatable.scss
            • _datepicker-range.scss
            • _datepicker.scss
            • _dropdown.scss
            • _form-builder.scss
            • _form-input.scss
            • _form-wizard.scss
            • _forms.scss
            • _jnputmask.scss
            • _icons.scss
            • _list.scss
            • _loader.scss
            • _modal.scss
            • _popover.scss
            • _print.scss
            • _radio.scss
            • _range-slider.scss
            • _ribbon.scss
            • _scrollbar.scss
            • _switch.scss
            • _tab.scss
            • _table.scss
            • _toasts.scss
            • _touchspin.scss
            • _tour.scss
            • _tree.scss
            • _typeahead-search.scss
          • layout
            • _box-layout.scss
            • _footer.scss
            • _grid.scss
            • _header.scss
            • _navs.scss
            • _rtl.scss
            • _search.scss
            • _select2.scss
            • _sidebar.scss
          • pages
            • _add-product.scss
            • _blog.scss
            • _bookmark-app.scss
            • _cart.scss
            • _chart.scss
            • _chat.scss
            • _checkout.scss
            • _comingsoon.scss
            • _contacts.scss
            • _dashboard_2.scss
            • _dashboard_3.scss
            • _dashboard_4.scss
            • _dashboard_default.scss
            • _ecommerce.scss
            • _email-application.scss
            • _errorpage.scss
            • _faq.scss
            • _file.scss
            • _gallery.scss
            • _general-widget.scss
            • _helper.scss
            • _invoice.scss
            • _internationalization.scss
            • _job-search.scss
            • _jsgrid.scss
            • _kanban.scss
            • _knowledgebase.scss
            • _landing.scss
            • _language.scss
            • _learning.scss
            • _letter_box.scss
            • _login.scss
            • _megaoption.scss
            • _order-history.scss
            • _page.scss
            • _pricing.scss
            • _progress.scss
            • _rating.scss
            • _projectlist.scss
            • _social-app.scss
            • _task.scss
            • _timeline-v.scss
            • _sweet-alert.scss
            • _user-profile.scss
            • _wishlist.scss
          • themes
            • _custom.scss
            • _dark.scss
            • _responsive.scss
            • _theme-customizer.scss
            • _update.scss
          • utils
            • _variables.scss
          • vendors
            • animate.scss
            • aos.scss
            • button-builder.scss
            • calendar.scss
            • chartist.scss
            • data-table.scss
            • datatable-extension.scss
            • datatables.scss
            • date-picker.scss
            • daterange-picker.scss
            • dropzone.scss
            • echart.scss
            • feather-icon.scss
            • flag-icon.css
            • font-awesome.css
            • icoicon.scss
            • image-cropper.scss
            • jsgrid.scss
            • owlcarousel.scss
            • page-builder.scss
            • photoswipe.scss
            • prism.scss
            • range-slider.scss
            • rating.scss
            • scrollable.scss
            • scrollbar.scss
            • select2.scss
            • simple-mde.scss
            • summernote.scss
            • svg-icon.scss
            • sweetalert2-master.scss
            • themify.scss
            • time-picker.scss
            • todo.scss
            • tour.scss
            • tree.scss
            • vector-map.scss
            • whether-icon.scss
            • animate
              • _animate.scss
            • aos
              • _animations.scss
              • _core.scss
              • _easing.scss
            • button-builder
              • _button-builder.scss
              • _button-builder-colorpicker.scss
            • calendar
              • _default.scss
            • chartist
              • _chartist-settings.scss
              • _chartist.scss
            • data-table
            • datatable-extension
            • date-picker
            • daterange-picker
            • date-time-picker
            • dropzone
            • echart
              • _reset.scss
            • feather-icon
              • _feather-icon.scss
            • flag-icon
              • _flag-icon-base.scss
              • _flag-icon-list.scss
              • _flag-icon-more.scss
            • icoicon
              • _icons.scss
            • image-cropper
              • _cropper-custom.scss
              • _cropper-main.scss
            • jsgrid
              • _jsgrid.scss
              • _jsgrid-theme.scss
            • owltheme
            • page-builder
              • _page-builder.scss
            • photoswipe
              • _photoswipe.scss
              • _photoswipe-default.scss
            • prism
              • _prism.scss
            • range-slider
              • _ion.modernskinRangeslider.scss
              • _ion.rangeSlider.scss
            • rating
            • scrollable
              • _scrollable.scss
            • scrollbar
              • _simplebar.scss
            • select2
            • simple-mde
              • _elements.scss
              • _simplemde.scss
            • sticky
              • _sticky.scss
            • summernote
              • _elements.scss
              • _fonts.scss
              • _summernote-bs4.scss
            • svg-icon
              • _svg-icon.scss
            • sweetalert2-master
              • _animations.scss
              • _mixins.scss
              • _toasts.scss
              • _variables.scss
            • themify
              • _core.scss
              • _extras.scss
              • _icons.scss
              • _mixins.scss
              • _path.scss
              • _themify-icons.scss
              • _variables.scss
            • time-picker
              • _timepicker.scss
            • todo
              • _todo.scss
            • tour
              • _tour.scss
            • tree
              • _tree-default.scss
              • _tree.scss
            • vector-map
              • _vector-map.scss
            • whether-icon
              • _whether-icon.scss
          • app.scss
          • color-1.scss
          • responsive.scss
          • style.scss
        • video
          • auth-bg.mp4
        • color-2.scss
        • color-3.scss
        • color-4.scss
        • color-5.scss
        • color-6.scss
      • components
        • common
          • block
            • auth
              • authView.vue
              • loginPage.vue
            • customizer
              • buyNow.vue
              • checkFeatures.vue
              • configurationView.vue
              • customColor.vue
              • customizerSetting.vue
              • customizerSupport.vue
              • customSetting.vue
              • documentSection.vue
              • indexCustomizer.vue
              • layoutType.vue
              • mixLayout.vue
              • sidebarIcon.vue
              • sidebarType.vue
            • header
              • bookmarkSearch.vue
              • cartBox.vue
              • headerSection.vue
              • languageView.vue
              • logoSection.vue
              • messageBox.vue
              • modeView.vue
              • notificationBox.vue
              • profileView.vue
              • searchBar.vue
              • searchInput.vue
            • sidebar
              • navMenu.vue
              • sidebarSection.vue
            • footerView.vue
          • card
            • cardData1.vue
            • cardData2.vue
            • cardData3.vue
          • AppointmentsData.vue
          • ChatContacts.vue
          • ChatData.vue
          • ComingsoonTimer.vue
          • FooterCard.vue
          • JobSidebar.vue
          • LearningFilter.vue
          • OpeningLeaflets.vue
          • SearchChat.vue
          • StudentCard.vue
          • SuccessfulWizard.vue
          • TimerView.vue
          • TotalSells.vue
        • theme
          • advance
            • animation
              • animationBox.vue
            • basic
              • basicFlat.vue
              • darkCard.vue
              • footerCard.vue
              • iconCard.vue
              • shadowCard.vue
            • breadcrumb
              • coloredNavigation.vue
              • defaultBreadcrumb.vue
              • dividersBreadcrumbs.vue
              • iconsBreadcrumb.vue
              • navBreadcrumb.vue
            • creative
              • absoluteCard.vue
              • borderCard.vue
              • primaryState.vue
              • secondaryState.vue
              • warningState.vue
            • draggable
              • checboxCard.vue
              • draggableCard.vue
              • iconCard.vue
              • shadowCard.vue
            • dropzone
              • defaultDropzone.vue
              • imageDropzone.vue
              • multiDropzone.vue
              • singleDropzone.vue
            • pagination
              • alignmentsPagination.vue
              • disabledPagination.vue
              • iconsPagenation.vue
              • roundedPagination.vue
              • simplePagination.vue
              • sizingPagination.vue
            • cropper
              • imageCropper.vue
            • owlcarousel
              • autoPlay.vue
              • crossFade.vue
              • darkVariant.vue
              • disableTouch.vue
              • individualCarousel.vue
              • mouseWheel.vue
              • slidesOnly.vue
              • withCaptions.vue
              • withControls.vue
              • withIndicators.vue
            • sweetAlert
              • autoClose.vue
              • basicAlert.vue
              • dangerAlert.vue
              • infoAlert.vue
              • pikachuAlert.vue
              • questionsAlert.vue
              • requestMovie.vue
              • successMessage.vue
              • textUnder.vue
              • usernameAlert.vue
              • warningAlert.vue
              • warningMode.vue
            • scrollable
              • badgesScrollbar.vue
              • bothSide.vue
              • customScrollbar.vue
              • horizontalScrollbar.vue
              • profileScrollable.vue
              • scrollableContent.vue
              • smallScroll.vue
            • ribbons
              • leftRibbons.vue
              • rightRibbons.vue
            • timeline
              • basicTimeline.vue
              • designerSlider.vue
              • horizontalTimeline.vue
              • hoveringTimeline.vue
              • timelineView.vue
              • variationTimeline.vue
            • tree
              • basicTree.vue
              • checkTree.vue
            • tour
              • firstPost.vue
              • lastPost.vue
              • secondPost.vue
              • sociaMedia.vue
              • thirdPost.vue
              • userProfile.vue
            • toasts
              • basicToasts.vue
              • iconToasts.vue
              • positionToasts.vue
            • rating
              • animationRating.vue
              • clickableValue.vue
              • disabledRating.vue
              • heartRating.vue
              • movieRating.vue
              • starRating.vue
            • range
              • colorRang.vue
              • customRang.vue
              • defultRang.vue
              • minMax.vue
              • negativeRang.vue
              • prefixRang.vue
              • prettifyRang.vue
              • stepsRange.vue
          • animation
            • animate
              • animateOption.vue
              • animateBox.vue
            • aos
              • aosExample.vue
          • blog
            • details
              • blogGrid.vue
              • blogList.vue
              • blogShadow.vue
            • single
              • blogDetails.vue
              • commentBox.vue
            • addpost
              • addPost.vue
          • bookmark
            • myBookmark.vue
            • favouritesView.vue
            • newBookmark.vue
            • newsLetter.vue
            • notificationView.vue
            • sharedTab.vue
            • tagsView.vue
            • bookmarkSidebar.vue
            • createdBy.vue
            • editView.vue
          • buttons
          • chat
          • contacts
          • dashboards
          • ecommerce
          • charts
          • email
          • faq
          • filemaneger
          • forms
          • internationalization
          • gallery
          • job
          • kanbanboard
          • Knowledgebase
          • learning
          • maps
          • project
          • search
          • socialApp
          • support
          • tables
          • task
          • todo
          • uikits
          • user
          • widgets
      • composables
        • commen
          • animationView.ts
          • getImages.ts
          • flagIcon.ts
          • treeView.ts
          • typeaheadview.ts
          • validationForm.ts
        • calendardata.ts
        • contectCom.ts
        • createProject.ts
        • taskvalidation.ts
      • constants
        • config.ts
      • layout
        • BodyView.vue
        • breadCrumbs.vue
        • tapTop.vue
      • core
        • locales
          • ae.json
          • ar.json
          • cn.json
          • de.json
          • en.json
          • es.json
          • fr.json
          • ge.json
          • pt.json
          • ru.json
        • data
          • advance.ts
          • apex-chart.ts
          • blog.ts
          • bookmark.ts
          • buttons.ts
          • chart-data.ts
          • chart.ts
          • chartist-chart.ts
          • chat.ts
          • contact.ts
          • dashboards.ts
          • ecommerce.ts
          • emoji.ts
          • faq.ts
          • filemaneger.ts
          • forms.ts
          • google-chart.ts
          • header.ts
          • job.ts
          • kanban.ts
          • knowledgebase.ts
          • language.ts
          • layout.ts
          • learning.ts
          • letter-box.ts
          • masonry.ts
          • menu.ts
          • owlcarousel.ts
          • products.ts
          • project.ts
          • scrollable.ts
          • search-result.ts
          • sociall-app.ts
          • support.ts
          • table.ts
          • task.ts
          • timeline.ts
          • todo.ts
          • uikits.ts
          • user.ts
          • widgets-chart.ts
      • pages
        • advance
          • animationModal.vue
          • indexBasiccard.vue
          • indexBreadcrumb.vue
          • indexCreative.vue
          • indexCropper.vue
          • indexDraggable.vue
          • indexDropzone.vue
          • indexNotify.vue
          • indexPagination.vue
          • indexRange.vue
          • indexRating.vue
          • indexRibbon.vue
          • indexScrollable.vue
          • indexSticky.vue
          • indexSweetalert.vue
          • indexTabbed.vue
          • indexTimeline.vue
          • indexTour.vue
          • indexTree.vue
          • owlCarousel.vue
        • animation
          • indexAnimate.vue
          • indexAos.vue
        • authentication
          • forgetPassword.vue
          • loginSimple.vue
          • loginImage.vue
          • loginImagetwo.vue
          • loginSweetalert.vue
          • loginTooltip.vue
          • loginValidation.vue
          • maintenanceView.vue
          • registerImage.vue
          • registerSimple.vue
          • registerVideo.vue
          • resetPassword.vue
          • unlockUser.vue
        • blog
          • indexAdd.vue
          • indexDetails.vue
          • indexSingle.vue
        • bookmark
          • indexBookmark.vue
        • button
        • calendar
        • charts
        • chat
        • contacts
        • comingsoon
        • dashboards
        • ecommerce
        • editor
        • email
        • error
        • faq
        • filemaneger
        • forms
        • internationalization
        • gallery
        • icon
        • job
        • kanban
        • Knowledgebase
        • learning
        • maps
        • project
        • samplepage
        • search
        • socialApp
        • support
        • tables
        • task
        • todo
        • uikits
        • user
        • widget
      • store
        • blog.ts
        • advance.ts
        • header.ts
        • scrollble.ts
        • widget.ts
        • bootstrap.ts
        • calendar.ts
        • card.ts
        • chat.ts
        • contacts.ts
        • courses.ts
        • knowledgebase.ts
        • default.ts
        • datatable.ts
        • ecommerce.ts
        • email.ts
        • faq.ts
        • filemaneger.ts
        • job.ts
        • kanban.ts
        • layout.ts
        • language.ts
        • masonry.ts
        • menu.ts
        • orderhistory.ts
        • owlcarousel.ts
        • pagination.ts
        • productlist.ts
        • products.ts
        • project.ts
        • social.ts
        • scrollable.ts
        • ribbon.ts
        • search.ts
        • support.ts
        • task.ts
        • todo.ts
        • usercard.ts
      • router
        • index.ts
      • App.vue
      • main.ts
      • shims-vue.d.ts
    • babel.config.js
    • tsconfig.json
    • package.json
    • README.md
    • vue.config.js