# Contents

Discover what’s included in the product, including our precompiled and source code flavors.

# Vue Material Kit PRO Structure

Once downloaded, unzip the compressed folder and you’ll see something like this: 

├── README.md
├── babel.config.js
├── package.json
├── postcss.config.js
├── public
│   └── index.html
└── src
    ├── API_KEY.js
    ├── App.vue
    ├── assets
    │   ├── img
    │   │   ├── example-pages
    │   │   ├── examples
    │   │   ├── faces
    │   │   ├── section-components
    │   │   └── sections
    │   └── scss
    │       ├── material-kit
    │       │   ├── _alerts.scss
    │       │   ├── _autocomplete.scss
    │       │   ├── _badges.scss
    │       │   ├── _buttons.scss
    │       │   ├── _cards.scss
    │       │   ├── _carousel.scss
    │       │   ├── _checkboxes.scss
    │       │   ├── _collapse.scss
    │       │   ├── _colors.scss
    │       │   ├── _comments.scss
    │       │   ├── _datepicker.scss
    │       │   ├── _dialogs.scss
    │       │   ├── _dropdown.scss
    │       │   ├── _fileinput.scss
    │       │   ├── _footers.scss
    │       │   ├── _headers.scss
    │       │   ├── _images.scss
    │       │   ├── _info-areas.scss
    │       │   ├── _inputs.scss
    │       │   ├── _layout.scss
    │       │   ├── _misc.scss
    │       │   ├── _mixins.scss
    │       │   ├── _navbars.scss
    │       │   ├── _pages.scss
    │       │   ├── _pagination.scss
    │       │   ├── _pills.scss
    │       │   ├── _popups.scss
    │       │   ├── _progress.scss
    │       │   ├── _radios.scss
    │       │   ├── _responsive.scss
    │       │   ├── _select.scss
    │       │   ├── _shadows.scss
    │       │   ├── _social-subscribe-line.scss
    │       │   ├── _tables.scss
    │       │   ├── _tabs.scss
    │       │   ├── _tags.scss
    │       │   ├── _togglebutton.scss
    │       │   ├── _typography.scss
    │       │   ├── _variables.scss
    │       │   ├── _vertical-nav.scss
    │       │   ├── example-pages
    │       │   │   ├── _about-us.scss
    │       │   │   ├── _blog-post.scss
    │       │   │   ├── _contact-us.scss
    │       │   │   ├── _error-page.scss
    │       │   │   ├── _landing-page.scss
    │       │   │   ├── _login-page.scss
    │       │   │   ├── _presentation-page.scss
    │       │   │   ├── _product-page.scss
    │       │   │   ├── _profile-page.scss
    │       │   │   └── _signup-page.scss
    │       │   ├── mixins
    │       │   │   ├── _transparency.scss
    │       │   │   └── _vendor-prefixes.scss
    │       │   ├── plugins
    │       │   │   ├── _perfect-scrollbar.scss
    │       │   │   └── _plugin-nouislider.scss
    │       │   └── sections
    │       │       ├── _blogs.scss
    │       │       ├── _contactus.scss
    │       │       ├── _features.scss
    │       │       ├── _pricing.scss
    │       │       ├── _projects.scss
    │       │       ├── _sections.scss
    │       │       ├── _team.scss
    │       │       └── _testimonials.scss
    │       └── material-kit.scss
    ├── components
    │   ├── Badge.vue
    │   ├── Collapse.vue
    │   ├── Dropdown.vue
    │   ├── FileUpload.vue
    │   ├── InfoAreas.vue
    │   ├── Modal.vue
    │   ├── Pagination.vue
    │   ├── Parallax.vue
    │   ├── Slider.vue
    │   ├── Tabs.vue
    │   ├── cards
    │   │   ├── BlogCard.vue
    │   │   ├── FullBgCard.vue
    │   │   ├── LoginCard.vue
    │   │   ├── NavTabsCard.vue
    │   │   ├── PricingCard.vue
    │   │   ├── ProductCard.vue
    │   │   ├── ProfileCard.vue
    │   │   ├── RotatingCard.vue
    │   │   └── TestimonialCard.vue
    │   └── index.js
    ├── layout
    │   ├── MainFooter.vue
    │   ├── MainNavbar.vue
    │   └── MobileMenu.vue
    ├── main.js
    ├── plugins
    │   ├── basicMixins.js
    │   ├── globalComponents.js
    │   ├── globalDirectives.js
    │   ├── globalMixins.js
    │   └── material-kit.js
    ├── router.js
    └── views
        ├── Index.vue
        ├── Presentation.vue
        ├── Sections.vue
        ├── components
        │   ├── BasicElementsSection.vue
        │   ├── CardsSection.vue
        │   ├── CommentsSection.vue
        │   ├── FooterSection.vue
        │   ├── JavascriptComponentsSection.vue
        │   ├── NavPillsSection.vue
        │   ├── NavigationSection.vue
        │   ├── NotificationsSection.vue
        │   ├── PreFooterSection.vue
        │   ├── SmallNavigationSection.vue
        │   ├── TablesSection.vue
        │   ├── TabsSection.vue
        │   └── TypographyImagesSection.vue
        ├── examples
        │   ├── AboutUs.vue
        │   ├── BlogPost.vue
        │   ├── BlogPosts.vue
        │   ├── ContactUs.vue
        │   ├── Ecommerce.vue
        │   ├── Error.vue
        │   ├── Landing.vue
        │   ├── Login.vue
        │   ├── Pricing.vue
        │   ├── Product.vue
        │   ├── Profile.vue
        │   ├── Shopping.vue
        │   └── Signup.vue
        ├── presentation
        │   ├── Cards.vue
        │   ├── Components.vue
        │   ├── Content.vue
        │   ├── Examples.vue
        │   ├── Github.vue
        │   ├── Introduction.vue
        │   ├── Overview.vue
        │   ├── Pricing.vue
        │   └── Sections.vue
        └── sections
            ├── Blogs.vue
            ├── ContactUs.vue
            ├── Features.vue
            ├── Headers.vue
            ├── Pricing.vue
            ├── Projects.vue
            ├── Teams.vue
            └── Testimonials.vue

← Build Tools →