├── .github └── workflows │ └── main.yml ├── .gitignore ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── LICENSE.md ├── README.md ├── babel.config.js ├── gulpfile.js ├── package.json ├── public ├── apple-icon.png ├── favicon.ico └── index.html ├── src ├── App.vue ├── assets │ ├── img │ │ ├── angular.jpg │ │ ├── bootstrap.jpg │ │ ├── component-btn-pink.png │ │ ├── component-btn.png │ │ ├── component-info-2.png │ │ ├── component-info-card.png │ │ ├── component-menu.png │ │ ├── component-profile-card.png │ │ ├── documentation.png │ │ ├── github.svg │ │ ├── google.svg │ │ ├── ill_header.png │ │ ├── landing.jpg │ │ ├── login.jpg │ │ ├── pattern_vue.png │ │ ├── profile.jpg │ │ ├── react.jpg │ │ ├── register_bg_2.png │ │ ├── sketch.jpg │ │ ├── team-1-800x800.jpg │ │ ├── team-1-800x8000.jpg │ │ ├── team-2-800x800.jpg │ │ ├── team-3-800x800.jpg │ │ ├── team-4-470x470.png │ │ └── vue.jpg │ └── styles │ │ ├── index.css │ │ └── tailwind.css ├── components │ ├── Cards │ │ ├── CardBarChart.vue │ │ ├── CardLineChart.vue │ │ ├── CardPageVisits.vue │ │ ├── CardProfile.vue │ │ ├── CardSettings.vue │ │ ├── CardSocialTraffic.vue │ │ ├── CardStats.vue │ │ └── CardTable.vue │ ├── Dropdowns │ │ ├── IndexDropdown.vue │ │ ├── NotificationDropdown.vue │ │ ├── PagesDropdown.vue │ │ ├── TableDropdown.vue │ │ └── UserDropdown.vue │ ├── Footers │ │ ├── Footer.vue │ │ ├── FooterAdmin.vue │ │ └── FooterSmall.vue │ ├── Headers │ │ └── HeaderStats.vue │ ├── Maps │ │ └── MapExample.vue │ ├── Navbars │ │ ├── AdminNavbar.vue │ │ ├── AuthNavbar.vue │ │ └── IndexNavbar.vue │ └── Sidebar │ │ └── Sidebar.vue ├── layouts │ ├── Admin.vue │ └── Auth.vue ├── main.js └── views │ ├── Index.vue │ ├── Landing.vue │ ├── Profile.vue │ ├── admin │ ├── Dashboard.vue │ ├── Maps.vue │ ├── Settings.vue │ └── Tables.vue │ └── auth │ ├── Login.vue │ └── Register.vue ├── tailwind.config.js └── vue.config.js /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Autocloser 2 | on: [issues] 3 | jobs: 4 | autoclose: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Issue auto-closer 8 | uses: roots/issue-closer-action@v1.1 9 | with: 10 | repo-token: ${{ secrets.GITHUB_TOKEN }} 11 | issue-close-message: "@${issue.user.login} this issue was automatically closed because it did not follow our rules:\n\n
\n\n\n\nIMPORTANT: Please use the following link to create a new issue:\n\nhttps://www.creative-tim.com/new-issue/vue-notus?ref=vn-new-issue\n\n**If your issue was not created using the app above, it will be closed immediately.**\n\n\n\nLove Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:\n👉  https://www.creative-tim.com/bundles\n👉  https://www.creative-tim.com\n\n\n
\n\n" 12 | issue-pattern: (\#\#\# Version([\S\s.*]*?)\#\#\# Reproduction link([\S\s.*]*?)\#\#\# Operating System([\S\s.*]*?)\#\#\# Device([\S\s.*]*?)\#\#\# Browser & Version([\S\s.*]*?)\#\#\# Steps to reproduce([\S\s.*]*?)\#\#\# What is expected([\S\s.*]*?)\#\#\# What is actually happening([\S\s.*]*?)---([\S\s.*]*?)\#\#\# Solution([\S\s.*]*?)\#\#\# Additional comments([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>)|(\#\#\# What is your enhancement([\S\s.*]*?)\<\!-- generated by creative-tim-issues\. DO NOT REMOVE --\>) 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | ## [1.0.0] 2020-09-29 4 | ### Original Release 5 | - Started project from [Tailwind Starter Kit by Creative Tim](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?ref=vn-changelog) 6 | - Added design from Tailwind Starter Kit by Creative Tim 7 | -------------------------------------------------------------------------------- /ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 8 | 9 | 14 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Creative Tim (https://www.creative-tim.com?ref=vn-license) 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 8 | 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Vue Notus ![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter) 2 | 3 | ![version](https://img.shields.io/badge/version-1.0.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) ![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/vue-notus.svg) ![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/vue-notus.svg) ![Join the chat at https://gitter.im/NIT-dgp/General](https://badges.gitter.im/NIT-dgp/General.svg) ![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg) 4 | 5 | ![Vue Notus](https://github.com/creativetimofficial/public-assets/blob/master/vue-notus/vue-notus.jpg?raw=true) 6 | 7 | ### A beautiful UI Kit and Admin for Tailwind CSS and VueJS. 8 | 9 | Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. 10 | 11 | Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS. 12 | 13 | It is based on [Tailwind Starter Kit](https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?ref=vn-github-readme) by Creative Tim, and it is build with both presentation pages, and pages for an admin dashboard. 14 | 15 | Speed up your web development with a beautiful product made by Creative Tim . 16 | If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites. 17 | 18 | ### Get Started 19 | 20 | - Install NodeJS **LTS** version from NodeJs Official Page 21 | - Download the product on this page 22 | - Unzip the downloaded file to a folder in your computer 23 | - Open Terminal 24 | - Go to your file project (where you’ve unzipped the product) 25 | - (If you are on a linux based terminal) Simply run `npm run install:clean` 26 | - (If not) Run in terminal `npm install` 27 | - (If not) Run in terminal `npm run build:tailwind` (each time you add a new class, a class that does not exist in `src/assets/styles/tailwind.css`, you will need to run this command) 28 | - (If not) Run in terminal `npm run serve` 29 | - Navigate to https://localhost:8080 30 | - Check more about [Tailwind CSS](https://tailwindcss.com/?ref=creativetim) 31 | 32 | ### Pages 33 | 34 | If you want to get inspiration or just show something directly to your clients, 35 | you can jump start your development with our pre-built example pages. You will be able 36 | to quickly set up the basic structure for your web project. 37 | 38 | Here are all the page from the project: 39 | - [Presentation](https://demos.creative-tim.com/vue-notus/?ref=vn-github-readme) 40 | - Admin Samples 41 | - [Dashboard](https://demos.creative-tim.com/vue-notus/admin/dashboard?ref=vn-github-readme) 42 | - [Settings](https://demos.creative-tim.com/vue-notus/admin/settings?ref=vn-github-readme) 43 | - [Tables](https://demos.creative-tim.com/vue-notus/admin/tables?ref=vn-github-readme) 44 | - [Maps](https://demos.creative-tim.com/vue-notus/admin/maps?ref=vn-github-readme) 45 | - Authentication Samples 46 | - [Login](https://demos.creative-tim.com/vue-notus/auth/login?ref=vn-github-readme) 47 | - [Register](https://demos.creative-tim.com/vue-notus/auth/register?ref=vn-github-readme) 48 | - Presentation Samples 49 | - [Landing](https://demos.creative-tim.com/vue-notus/landing?ref=vn-github-readme) 50 | - [Profile](https://demos.creative-tim.com/vue-notus/profile?ref=vn-github-readme) 51 | 52 | 53 | ### Fully Coded Components 54 | 55 | Vue Notus is built with over frontend 120 components, giving you the freedom of choosing and combining. All components can take variations in colors, that you can easily modify using Tailwind CSS classes (NOTE: each time you add a new class, a class that does not exist in `src/assets/styles/tailwind.css`, you will need to compile again tailwind). 56 | 57 | You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. 58 | This Free Tailwind CSS Template is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done. 59 | 60 | Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. 61 | 62 | 63 | ### CSS Components 64 | 65 | Vue Notus comes with 120 Fully Coded CSS elements, such as [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?ref=vn-github-readme), [Buttons](https://www.creative-tim.com/learning-lab/tailwind/buttons/notus-vuejs?ref=vn-github-readme), [Inputs](https://www.creative-tim.com/learning-lab/tailwind/inputs/notus-vuejs?ref=vn-github-readme) and many more. 66 | 67 | Please [check all of them here](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?ref=vn-github-readme). 68 | 69 | ### VueJS Components 70 | 71 | We also feature the following 18 dynamic components: 72 | - [Alerts](https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?tws=vtw-github-readme) 73 | - [Popper for Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/dropdowns/notus?tws=vtw-github-readme) 74 | - [Menus](https://www.creative-tim.com/learning-lab/tailwind/vue/menus/notus?ref=vn-github-readme) 75 | - [Modals](https://www.creative-tim.com/learning-lab/tailwind/vue/modals/notus?ref=vn-github-readme) 76 | - [Navbars](https://www.creative-tim.com/learning-lab/tailwind/vue/navbar/notus?ref=vn-github-readme) 77 | - [Popper for popover content](https://www.creative-tim.com/learning-lab/tailwind/vue/popovers/notus?ref=vn-github-readme) 78 | - [Tabs](https://www.creative-tim.com/learning-lab/tailwind/vue/tabs/notus?ref=vn-github-readme) 79 | - [Popper for tooltips content](https://www.creative-tim.com/learning-lab/tailwind/vue/tooltips/notus?ref=vn-github-readme) 80 | 81 | 82 | ## Table of Contents 83 | 84 | * [Versions](#versions) 85 | * [Documentation](#documentation) 86 | * [Quick Start](#quick-start) 87 | * [Files and folders](#files-and-folders) 88 | * [Browser Support](#browser-support) 89 | * [Reporting Issues](#reporting-issues) 90 | * [Licensing](#licensing) 91 | * [Useful Links](#useful-links) 92 | * [Resources](#resources) 93 | 94 | ## Versions 95 | 96 | [](https://www.creative-tim.com/product/notus-angular?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-js?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-nextjs?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-react?ref=vn-github-readme)[](https://www.creative-tim.com/product/notus-svelte?ref=vn-github-readme)[](https://www.creative-tim.com/product/vue-notus?ref=vn-github-readme) 97 | 98 | 99 | | Angular | JavaScript / HTML | NextJS | React | Svelte | VueJS | 100 | | :---: | :---: | :---: | :---: | :---: | :---: | 101 | | [![Notus Angular](https://github.com/creativetimofficial/public-assets/blob/master/notus-angular/notus-angular.jpg?raw=true)](https://www.creative-tim.com/product/notus-angular?ref=vn-github-readme) | [![Notus JS](https://github.com/creativetimofficial/public-assets/blob/master/notus-js/notus-js.jpg?raw=true)](https://www.creative-tim.com/product/notus-js?ref=vn-github-readme) | [![Notus NextJS](https://github.com/creativetimofficial/public-assets/blob/master/notus-nextjs/notus-nextjs.jpg?raw=true)](https://www.creative-tim.com/product/notus-nextjs?ref=vn-github-readme) | [![Notus React](https://github.com/creativetimofficial/public-assets/blob/master/notus-react/notus-react.jpg?raw=true)](https://www.creative-tim.com/product/notus-react?ref=vn-github-readme) | [![Notus Svelte](https://github.com/creativetimofficial/public-assets/blob/master/notus-svelte/notus-svelte.jpg?raw=true)](https://www.creative-tim.com/product/notus-svelte?ref=vn-github-readme) | [![Vue Notus](https://github.com/creativetimofficial/public-assets/blob/master/vue-notus/vue-notus.jpg?raw=true)](https://www.creative-tim.com/product/vue-notus?ref=vn-github-readme) 102 | 103 | ## Documentation 104 | The documentation for the Vue Notus is hosted at our website. 105 | 106 | ## Quick start 107 | 108 | - Download from Creative Tim. 109 | - Check it on Github. 110 | 111 | ## Files and Folder 112 | 113 | This is the project structure that you will get upon the download: 114 | ``` 115 | vue-notus 116 | . 117 | ├── CHANGELOG.md 118 | ├── ISSUE_TEMPLATE.md 119 | ├── LICENSE.md 120 | ├── README.md 121 | ├── babel.config.js 122 | ├── package.json 123 | ├── public 124 | │   ├── favicon.ico 125 | │   └── index.html 126 | ├── src 127 | │   ├── App.vue 128 | │   ├── assets 129 | │   │   ├── img 130 | │   │   │   ├── github.svg 131 | │   │   │   └── google.svg 132 | │   │   └── styles 133 | │   │   ├── index.css 134 | │   │   └── tailwind.css 135 | │   ├── components 136 | │   │   ├── Cards 137 | │   │   │   ├── CardBarChart.vue 138 | │   │   │   ├── CardLineChart.vue 139 | │   │   │   ├── CardPageVisits.vue 140 | │   │   │   ├── CardProfile.vue 141 | │   │   │   ├── CardSettings.vue 142 | │   │   │   ├── CardSocialTraffic.vue 143 | │   │   │   ├── CardStats.vue 144 | │   │   │   └── CardTable.vue 145 | │   │   ├── Dropdowns 146 | │   │   │   ├── IndexDropdown.vue 147 | │   │   │   ├── NotificationDropdown.vue 148 | │   │   │   ├── PagesDropdown.vue 149 | │   │   │   ├── TableDropdown.vue 150 | │   │   │   └── UserDropdown.vue 151 | │   │   ├── Footers 152 | │   │   │   ├── Footer.vue 153 | │   │   │   ├── FooterAdmin.vue 154 | │   │   │   └── FooterSmall.vue 155 | │   │   ├── Headers 156 | │   │   │   └── HeaderStats.vue 157 | │   │   ├── Maps 158 | │   │   │   └── MapExample.vue 159 | │   │   ├── Navbars 160 | │   │   │   ├── AdminNavbar.vue 161 | │   │   │   ├── AuthNavbar.vue 162 | │   │   │   └── IndexNavbar.vue 163 | │   │   └── Sidebar 164 | │   │   └── Sidebar.vue 165 | │   ├── layouts 166 | │   │   ├── Admin.vue 167 | │   │   └── Auth.vue 168 | │   ├── main.js 169 | │   └── views 170 | │   ├── Index.vue 171 | │   ├── Landing.vue 172 | │   ├── Profile.vue 173 | │   ├── admin 174 | │   │   ├── Dashboard.vue 175 | │   │   ├── Maps.vue 176 | │   │   ├── Settings.vue 177 | │   │   └── Tables.vue 178 | │   └── auth 179 | │   ├── Login.vue 180 | │   └── Register.vue 181 | ├── tailwind.config.js 182 | └── vue.config.js 183 | ``` 184 | 185 | ## Browser Support 186 | 187 | At present, we officially aim to support the last two versions of the following browsers: 188 | 189 | | Chrome | Firefox | Edge | Safari | Opera | 190 | |:---:|:---:|:---:|:---:|:---:| 191 | | | | | | | 192 | 193 | ## Reporting Issues 194 | 195 | We use GitHub Issues as the official bug tracker for the Vue Notus. Here are some advices for our users that want to report an issue: 196 | 197 | 1. Make sure that you are using the latest version of the Vue Notus. Check the CHANGELOG from your dashboard on our website. 198 | 2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. 199 | 3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. 200 | 201 | ## Licensing 202 | 203 | - Copyright 2020 Creative Tim 204 | 205 | - Licensed under MIT 206 | 207 | ## Useful Links 208 | 209 | - Tutorials 210 | - Affiliate Program (earn money) 211 | - Blog Creative Tim 212 | - Free Products from Creative Tim 213 | - Premium Products from Creative Tim 214 | - React Products from Creative Tim 215 | - Angular Products from Creative Tim 216 | - VueJS Products from Creative Tim 217 | - More products from Creative Tim 218 | - Check our Bundles here 219 | - Check our awesome builder here 220 | - Check Tailwind Starter Kit, the project behind this product here 221 | 222 | ### Social Media 223 | 224 | Twitter: https://twitter.com/CreativeTim 225 | 226 | Facebook: https://www.facebook.com/CreativeTim 227 | 228 | Dribbble: https://dribbble.com/creativetim 229 | 230 | Instagram: https://www.instagram.com/creativetimofficial/ 231 | 232 | 233 | ## Resources 234 | - Demo: https://demos.creative-tim.com/vue-notus/?ref=vn-readme 235 | - Download Page: https://www.creative-tim.com/product/vue-notus 236 | - Documentation: https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus 237 | - License Agreement: https://www.creative-tim.com/license?ref=vn-readme 238 | - Support: https://www.creative-tim.com/contact-us?ref=vn-readme 239 | - Issues: Github Issues Page 240 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ["@vue/cli-plugin-babel/preset"], 3 | }; 4 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | const gulp = require("gulp"); 2 | const gap = require("gulp-append-prepend"); 3 | 4 | gulp.task("licenses", async function () { 5 | // this is to add Creative Tim licenses in the production mode for the minified js 6 | gulp 7 | .src("dist/js/*.js", { base: "./" }) 8 | .pipe( 9 | gap.prependText(`/*! 10 | 11 | ========================================================= 12 | * Vue Notus - v1.0.0 based on Tailwind Starter Kit by Creative Tim 13 | ========================================================= 14 | 15 | * Product Page: https://www.creative-tim.com/product/vue-notus 16 | * Copyright 2020 Creative Tim (https://www.creative-tim.com) 17 | * Licensed under MIT (https://github.com/creativetimofficial/vue-notus/blob/master/LICENSE.md) 18 | 19 | * Tailwind Starter Kit Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation 20 | 21 | * Coded by Creative Tim 22 | 23 | ========================================================= 24 | 25 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 26 | 27 | */`) 28 | ) 29 | .pipe(gulp.dest("./", { overwrite: true })); 30 | 31 | // this is to add Creative Tim licenses in the production mode for the minified html 32 | gulp 33 | .src("dist/index.html", { base: "./" }) 34 | .pipe( 35 | gap.prependText(``) 54 | ) 55 | .pipe(gulp.dest("./", { overwrite: true })); 56 | 57 | // this is to add Creative Tim licenses in the production mode for the minified css 58 | gulp 59 | .src("dist/css/*.css", { base: "./" }) 60 | .pipe( 61 | gap.prependText(`/*! 62 | 63 | ========================================================= 64 | * Vue Notus - v1.0.0 based on Tailwind Starter Kit by Creative Tim 65 | ========================================================= 66 | 67 | * Product Page: https://www.creative-tim.com/product/vue-notus 68 | * Copyright 2020 Creative Tim (https://www.creative-tim.com) 69 | * Licensed under MIT (https://github.com/creativetimofficial/vue-notus/blob/master/LICENSE.md) 70 | 71 | * Tailwind Starter Kit Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation 72 | 73 | * Coded by Creative Tim 74 | 75 | ========================================================= 76 | 77 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 78 | 79 | */`) 80 | ) 81 | .pipe(gulp.dest("./", { overwrite: true })); 82 | return; 83 | }); 84 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-notus", 3 | "homepage": "https://demos.creative-tim.com/vue-notus/", 4 | "version": "1.0.0", 5 | "description": "Vue Notus - A free Tailwind CSS and VueJS UI Kit and Admin by Creative Tim.", 6 | "repository": "https://github.com/creativetimofficial/vue-notus", 7 | "license": "MIT", 8 | "scripts": { 9 | "serve": "vue-cli-service serve", 10 | "build": "vue-cli-service build && gulp licenses", 11 | "lint": "vue-cli-service lint", 12 | "build:tailwind": "tailwind build src/assets/styles/index.css -o src/assets/styles/tailwind.css", 13 | "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm run build:tailwind && npm run serve" 14 | }, 15 | "dependencies": { 16 | "@fortawesome/fontawesome-free": "5.14.0", 17 | "@popperjs/core": "2.5.1", 18 | "@tailwindcss/custom-forms": "0.2.1", 19 | "chart.js": "2.9.3", 20 | "core-js": "3.6.5", 21 | "gulp": "4.0.2", 22 | "gulp-append-prepend": "1.0.8", 23 | "tailwindcss": "1.8.10", 24 | "vue": "2.6.12", 25 | "vue-router": "3.4.3" 26 | }, 27 | "devDependencies": { 28 | "@vue/cli-plugin-babel": "4.5.6", 29 | "@vue/cli-plugin-eslint": "4.5.6", 30 | "@vue/cli-service": "4.5.6", 31 | "babel-eslint": "10.1.0", 32 | "eslint": "6.8.0", 33 | "eslint-plugin-vue": "6.2.2", 34 | "vue-template-compiler": "2.6.12" 35 | }, 36 | "eslintConfig": { 37 | "root": true, 38 | "env": { 39 | "node": true 40 | }, 41 | "extends": [ 42 | "plugin:vue/essential", 43 | "eslint:recommended" 44 | ], 45 | "rules": {}, 46 | "parserOptions": { 47 | "parser": "babel-eslint" 48 | } 49 | }, 50 | "postcss": { 51 | "plugins": { 52 | "autoprefixer": {} 53 | } 54 | }, 55 | "browserslist": [ 56 | "> 1%", 57 | "last 2 versions" 58 | ] 59 | } 60 | -------------------------------------------------------------------------------- /public/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/public/apple-icon.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | Tailwind Starter Kit by Creative Tim | Free and Open Source UI Kit 33 | 34 | 35 | 36 | 42 |
43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /src/assets/img/angular.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/angular.jpg -------------------------------------------------------------------------------- /src/assets/img/bootstrap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/bootstrap.jpg -------------------------------------------------------------------------------- /src/assets/img/component-btn-pink.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-btn-pink.png -------------------------------------------------------------------------------- /src/assets/img/component-btn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-btn.png -------------------------------------------------------------------------------- /src/assets/img/component-info-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-info-2.png -------------------------------------------------------------------------------- /src/assets/img/component-info-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-info-card.png -------------------------------------------------------------------------------- /src/assets/img/component-menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-menu.png -------------------------------------------------------------------------------- /src/assets/img/component-profile-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/component-profile-card.png -------------------------------------------------------------------------------- /src/assets/img/documentation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/documentation.png -------------------------------------------------------------------------------- /src/assets/img/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/dark/github 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets/img/google.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/color/google 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/assets/img/ill_header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/ill_header.png -------------------------------------------------------------------------------- /src/assets/img/landing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/landing.jpg -------------------------------------------------------------------------------- /src/assets/img/login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/login.jpg -------------------------------------------------------------------------------- /src/assets/img/pattern_vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/pattern_vue.png -------------------------------------------------------------------------------- /src/assets/img/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/profile.jpg -------------------------------------------------------------------------------- /src/assets/img/react.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/react.jpg -------------------------------------------------------------------------------- /src/assets/img/register_bg_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/register_bg_2.png -------------------------------------------------------------------------------- /src/assets/img/sketch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/sketch.jpg -------------------------------------------------------------------------------- /src/assets/img/team-1-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/team-1-800x800.jpg -------------------------------------------------------------------------------- /src/assets/img/team-1-800x8000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/team-1-800x8000.jpg -------------------------------------------------------------------------------- /src/assets/img/team-2-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/team-2-800x800.jpg -------------------------------------------------------------------------------- /src/assets/img/team-3-800x800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/team-3-800x800.jpg -------------------------------------------------------------------------------- /src/assets/img/team-4-470x470.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/team-4-470x470.png -------------------------------------------------------------------------------- /src/assets/img/vue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codemaster730/vue-notus/200cec8e9dd4d94e9891da52ae187ebd3ae97eb9/src/assets/img/vue.jpg -------------------------------------------------------------------------------- /src/assets/styles/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | 3 | @tailwind components; 4 | 5 | @tailwind utilities; 6 | -------------------------------------------------------------------------------- /src/components/Cards/CardBarChart.vue: -------------------------------------------------------------------------------- 1 | 24 | 127 | -------------------------------------------------------------------------------- /src/components/Cards/CardLineChart.vue: -------------------------------------------------------------------------------- 1 | 25 | 137 | -------------------------------------------------------------------------------- /src/components/Cards/CardPageVisits.vue: -------------------------------------------------------------------------------- 1 | 172 | -------------------------------------------------------------------------------- /src/components/Cards/CardProfile.vue: -------------------------------------------------------------------------------- 1 | 84 | 95 | -------------------------------------------------------------------------------- /src/components/Cards/CardSettings.vue: -------------------------------------------------------------------------------- 1 | 182 | -------------------------------------------------------------------------------- /src/components/Cards/CardSocialTraffic.vue: -------------------------------------------------------------------------------- 1 | 195 | -------------------------------------------------------------------------------- /src/components/Cards/CardStats.vue: -------------------------------------------------------------------------------- 1 | 38 | 84 | -------------------------------------------------------------------------------- /src/components/Cards/CardTable.vue: -------------------------------------------------------------------------------- 1 | 466 | 508 | -------------------------------------------------------------------------------- /src/components/Dropdowns/IndexDropdown.vue: -------------------------------------------------------------------------------- 1 | 87 | 111 | -------------------------------------------------------------------------------- /src/components/Dropdowns/NotificationDropdown.vue: -------------------------------------------------------------------------------- 1 | 46 | 70 | -------------------------------------------------------------------------------- /src/components/Dropdowns/PagesDropdown.vue: -------------------------------------------------------------------------------- 1 | 87 | 111 | -------------------------------------------------------------------------------- /src/components/Dropdowns/TableDropdown.vue: -------------------------------------------------------------------------------- 1 | 40 | 64 | -------------------------------------------------------------------------------- /src/components/Dropdowns/UserDropdown.vue: -------------------------------------------------------------------------------- 1 | 57 | 58 | 85 | -------------------------------------------------------------------------------- /src/components/Footers/Footer.vue: -------------------------------------------------------------------------------- 1 | 163 | 172 | -------------------------------------------------------------------------------- /src/components/Footers/FooterAdmin.vue: -------------------------------------------------------------------------------- 1 | 61 | 70 | -------------------------------------------------------------------------------- /src/components/Footers/FooterSmall.vue: -------------------------------------------------------------------------------- 1 | 64 | 65 | 80 | -------------------------------------------------------------------------------- /src/components/Headers/HeaderStats.vue: -------------------------------------------------------------------------------- 1 | 61 | 62 | 71 | -------------------------------------------------------------------------------- /src/components/Maps/MapExample.vue: -------------------------------------------------------------------------------- 1 | 9 | 90 | -------------------------------------------------------------------------------- /src/components/Navbars/AdminNavbar.vue: -------------------------------------------------------------------------------- 1 | 41 | 42 | 51 | -------------------------------------------------------------------------------- /src/components/Navbars/AuthNavbar.vue: -------------------------------------------------------------------------------- 1 | 99 | 117 | -------------------------------------------------------------------------------- /src/components/Navbars/IndexNavbar.vue: -------------------------------------------------------------------------------- 1 | 95 | 96 | 115 | -------------------------------------------------------------------------------- /src/components/Sidebar/Sidebar.vue: -------------------------------------------------------------------------------- 1 | 346 | ); } 347 | 348 | 369 | -------------------------------------------------------------------------------- /src/layouts/Admin.vue: -------------------------------------------------------------------------------- 1 | 14 | 29 | -------------------------------------------------------------------------------- /src/layouts/Auth.vue: -------------------------------------------------------------------------------- 1 | 16 | 34 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from "vue"; 2 | import VueRouter from "vue-router"; 3 | 4 | // styles 5 | 6 | import "@fortawesome/fontawesome-free/css/all.min.css"; 7 | import "@/assets/styles/tailwind.css"; 8 | 9 | // mouting point for the whole app 10 | 11 | import App from "@/App.vue"; 12 | 13 | // layouts 14 | 15 | import Admin from "@/layouts/Admin.vue"; 16 | import Auth from "@/layouts/Auth.vue"; 17 | 18 | // views for Admin layout 19 | 20 | import Dashboard from "@/views/admin/Dashboard.vue"; 21 | import Settings from "@/views/admin/Settings.vue"; 22 | import Tables from "@/views/admin/Tables.vue"; 23 | import Maps from "@/views/admin/Maps.vue"; 24 | 25 | // views for Auth layout 26 | 27 | import Login from "@/views/auth/Login.vue"; 28 | import Register from "@/views/auth/Register.vue"; 29 | 30 | // views without layouts 31 | 32 | import Landing from "@/views/Landing.vue"; 33 | import Profile from "@/views/Profile.vue"; 34 | import Index from "@/views/Index.vue"; 35 | 36 | // routes 37 | 38 | const routes = [ 39 | { 40 | path: "/admin", 41 | redirect: "/admin/dashboard", 42 | component: Admin, 43 | children: [ 44 | { 45 | path: "/admin/dashboard", 46 | component: Dashboard, 47 | }, 48 | { 49 | path: "/admin/settings", 50 | component: Settings, 51 | }, 52 | { 53 | path: "/admin/tables", 54 | component: Tables, 55 | }, 56 | { 57 | path: "/admin/maps", 58 | component: Maps, 59 | }, 60 | ], 61 | }, 62 | { 63 | path: "/auth", 64 | redirect: "/auth/login", 65 | component: Auth, 66 | children: [ 67 | { 68 | path: "/auth/login", 69 | component: Login, 70 | }, 71 | { 72 | path: "/auth/register", 73 | component: Register, 74 | }, 75 | ], 76 | }, 77 | { 78 | path: "/landing", 79 | component: Landing, 80 | }, 81 | { 82 | path: "/profile", 83 | component: Profile, 84 | }, 85 | { 86 | path: "/", 87 | component: Index, 88 | }, 89 | { path: "*", redirect: "/" }, 90 | ]; 91 | 92 | // app config 93 | 94 | Vue.config.productionTip = false; 95 | 96 | Vue.use(VueRouter); 97 | 98 | const router = new VueRouter({ 99 | routes, 100 | }); 101 | 102 | new Vue({ 103 | router, 104 | render: (h) => h(App), 105 | }).$mount("#app"); 106 | -------------------------------------------------------------------------------- /src/views/Landing.vue: -------------------------------------------------------------------------------- 1 |