File Structure

Vue Now UI Kit PRO is a premium Bootstrap 4 kit.

Vue Now UI Kit PRO Structure

Once you have downloaded the archive and opened it, you will find the following structure:

|-- src
    |-- App.vue
    |-- globalDirectives.js
    |-- main.js
    |-- registerServiceWorker.js
    |-- router.js
    |-- starterRouter.js
    |-- assets
    |   |-- fonts
    |   |   |-- nucleo-license.md
    |   |   |-- nucleo-outline.eot
    |   |   |-- nucleo-outline.ttf
    |   |   |-- nucleo-outline.woff
    |   |   |-- nucleo-outline.woff2
    |   |-- sass
    |       |-- demo.scss
    |       |-- now-ui-kit.scss
    |       |-- now-ui-kit
    |-- components
    |   |-- Badge.vue
    |   |-- Button.vue
    |   |-- Dropdown.vue
    |   |-- InfoSection.vue
    |   |-- LoadingPanel.vue
    |   |-- Modal.vue
    |   |-- Pagination.vue
    |   |-- Progress.vue
    |   |-- Slider.vue
    |   |-- Switch.vue
    |   |-- Table.vue
    |   |-- index.js
    |   |-- Cards
    |   |   |-- Card.vue
    |   |   |-- StatsCard.vue
    |   |-- Charts
    |   |   |-- BarChart.js
    |   |   |-- LineChart.js
    |   |   |-- utils.js
    |   |-- Collapse
    |   |   |-- Collapse.vue
    |   |   |-- CollapseItem.vue
    |   |-- Comments
    |   |   |-- Comment.vue
    |   |-- Inputs
    |   |   |-- Checkbox.vue
    |   |   |-- IconCheckbox.vue
    |   |   |-- Radio.vue
    |   |   |-- formGroupInput.vue
    |   |-- Navbar
    |   |   |-- NavLink.vue
    |   |   |-- Navbar.vue
    |   |   |-- NavbarToggleButton.vue
    |   |-- NotificationPlugin
    |   |   |-- Notification.vue
    |   |   |-- Notifications.vue
    |   |   |-- index.js
    |   |-- Tabs
    |   |   |-- Tab.vue
    |   |   |-- Tabs.vue
    |   |-- Timeline
    |   |   |-- TimeLine.vue
    |   |   |-- TimeLineItem.vue
    |   |-- Wizard
    |       |-- Wizard.vue
    |       |-- WizardTab.vue
    |       |-- throttle.js
    |-- constants
    |   |-- index.js
    |-- layout
    |   |-- MainFooter.vue
    |   |-- MainNavbar.vue
    |   |-- StarterFooter.vue
    |   |-- StarterNavbar.vue
    |-- pages
    |   |-- Components.vue
    |   |-- Presentation.vue
    |   |-- Sections.vue
    |   |-- components
    |   |   |-- BasicElementsSection.vue
    |   |   |-- Cards.vue
    |   |   |-- CarouselSection.vue
    |   |   |-- Footers.vue
    |   |   |-- ImagesSection.vue
    |   |   |-- JavascriptComponents.vue
    |   |   |-- Navigation.vue
    |   |   |-- Notifications.vue
    |   |   |-- NucleoIconsSection.vue
    |   |   |-- Pills.vue
    |   |   |-- PreFooters.vue
    |   |   |-- ProgressPagination.vue
    |   |   |-- Tabs.vue
    |   |   |-- TypographyTables.vue
    |   |   |-- BasicElements
    |   |   |   |-- ButtonsSection.vue
    |   |   |   |-- CheckboxRadioSection.vue
    |   |   |   |-- DropdownSelectsSection.vue
    |   |   |   |-- InputsSection.vue
    |   |   |-- Cards
    |   |   |   |-- BlogCards.vue
    |   |   |   |-- FullbackgroundCards.vue
    |   |   |   |-- PlainCards.vue
    |   |   |   |-- PricingCards.vue
    |   |   |   |-- ProfileCards.vue
    |   |   |-- TypographyTables
    |   |       |-- ShoppingTable.vue
    |   |-- example-pages
    |   |   |-- AboutUs.vue
    |   |   |-- BlogPost.vue
    |   |   |-- BlogPosts.vue
    |   |   |-- ContactUs.vue
    |   |   |-- EcommercePage.vue
    |   |   |-- LandingPage.vue
    |   |   |-- LoginPage.vue
    |   |   |-- PricingPage.vue
    |   |   |-- ProductPage.vue
    |   |   |-- ProfilePage.vue
    |   |   |-- SignUpPage.vue
    |   |-- sections
    |   |   |-- Blogs.vue
    |   |   |-- Contact.vue
    |   |   |-- Features.vue
    |   |   |-- Headers.vue
    |   |   |-- Pricing.vue
    |   |   |-- Projects.vue
    |   |   |-- Teams.vue
    |   |   |-- Testimonials.vue
    |   |-- starter
    |       |-- StarterPage.vue
    |-- plugins
        |-- globalDirectives.js
        |-- now-ui-kit.js