Responsive and configurable admin template built with Vue.js and Element

Documentation

Built with:

• HTML5
• CSS3
• JS
• Vue
• SCSS

This template is based on

• vue • https://vuejs.org/
• vue-router • https://router.vuejs.org/en/
• vuex • https://vuex.vuejs.org/en/
• element ui • https://element.eleme.io/#/en-US

Features

• Multilanguage Support
• Fully Responsive layout
• VueJS framework
• Element.io
• Built-in Apps
• Easy to Customize
• Multi Level Dropdown Menu
• Calendar Design
• Detailed Documentation
• 2000+ Font Icons
• 5 Color Schemes
• 80+ Page Templates
• Validation Forms
• RTL Support
• Light and Dark Color Schemes
• Data Table Export to CSV
• SCSSbase CSS
• Many Charts Options
• 70+ Layout Combinations
• Webpack

Configurable template layouts

• Left/Right/Off Vertical Navigation
• Top/Bottom/Off Horizontal Navigation
• Folded Navigation
• Above/Below/Off Toolbar with Horizontal Navigation
• Above/Below/Off Footer
• Boxed layout

Pages

• Apps
  • Dashboard
  • Calendar
  • Contacts
  • Gallery
  • Timeline
• User interface
  • Layout
    • Flexbox
    • Element
    • Blank page
    • Page headers
    • Sidebar right
    • Sidebar left
    • Tabbed page
  • Themes
  • MD Icons
  • Flag icons
  • Multi language
  • Typography
  • Helper Classes
  • Element
    • Element Ui pages…
• Components
  • Tables
    • Table
    • Vue Good Table
    • Element UI Table
    • V2 Table
  • Maps
    • G Maps
    • Leaflet
    • Mapbox
    • Datamaps
  • Editors
    • Quill
    • Pell
  • Charts
    • Vue Bars
    • Vue Trend
    • Vue Vis
    • Vue Chartist
    • Vue Chartkick
    • Bulma Chartjs
    • Peity
    • Echarts
• Pages
  • Profile
  • Authentication
    • Login
    • Register
    • Forgot Password
  • Invoice
  • 404

Credits – Photos

I took all the photos from pexels.com with Creative Commons Zero (CC0) license.

All photos on Pexels are free for any personal and commercial purpose.

Credits – Fonts

Nunito Sans

Nunito is a well balanced sans serif typeface superfamily, with 2 versions: The project began with Nunito, created by Vernon Adams as a rounded terminal sans serif for display typography. Jacques Le Bailly extended it to a full set of weights, and an accompanying regular non-rounded terminal version, Nunito Sans.

Open Font License

Credits – Third-party Plugins

tables

• v2-table [https://github.com/dwqs/v2-table]
• vue-good-table [https://github.com/xaksis/vue-good-table]

charts

• chart.js [https://www.chartjs.org/]
• chartist [https://gionkunz.github.io/chartist-js/]
• echarts [https://github.com/apache/incubator-echarts]
• echarts-gl [https://github.com/ecomfe/echarts-gl]
• plotly.js [https://plot.ly/javascript/]
• v-chartist [https://github.com/lakb248/vue-chartist]
• vue-bulma-chartjs [https://github.com/vue-bulma/chartjs]
• vue-chartkick [https://github.com/ankane/vue-chartkick]
• vue-d3-network [https://github.com/emiliorizzo/vue-d3-network]
• vuetrend [https://github.com/QingWei-Li/vue-trend]
• vuebars [https://github.com/DeviaVir/vue-bar]
• vue2vis [https://github.com/alexcode/vue2vis]
• vue-peity [https://github.com/vue-bulma/peity]

maps

• datamaps [https://github.com/markmarkoh/datamaps]
• mapbox-gl [https://www.mapbox.com/mapbox-gl-js/api/]
• vue2-google-maps [https://github.com/xkjyeah/vue-google-maps]
• vue2-leaflet [https://github.com/KoRiGaN/Vue2Leaflet]

editors

• vue-pell-editor [https://github.com/CinKon/vue-pell-editor]
• vue-quill-editor [https://github.com/surmon-china/vue-quill-editor]

ui

• animate.css [https://daneden.github.io/animate.css/]
• color-thief-browser [http://lokeshdhakar.com/projects/color-thief/]
• flag-icon-css [https://github.com/lipis/flag-icon-css]
• flex.box [https://github.com/ixrock/flexbox]
• mdi [https://materialdesignicons.com/]
• v-click-outside [https://github.com/ndelvalle/v-click-outside]
• v-viewer [https://github.com/mirari/v-viewer]
• vue-cute-timeline [https://github.com/luyilin/vue-cute-timeline]
• vue-float-label [https://github.com/bkzl/vue-float-label]
• vue-highlightjs [https://github.com/metachris/vue-highlightjs]
• vue-mindmap [https://github.com/anteriovieira/vue-mindmap]
• vue-lazyload [https://github.com/hilongjw/vue-lazyload]
• vue-resize [https://github.com/Akryum/vue-resize]
• fullcalendar [https://fullcalendar.io/]
• vue-perfect-scrollbar [https://github.com/Degfy/vue-perfect-scrollbar]
• vue-status-indicator [https://github.com/coderdiaz/vue-status-indicator]
• vue-virtual-collection [https://github.com/starkwang/vue-virtual-collection]
• vue-virtual-scroll-list [https://github.com/tangbc/vue-virtual-scroll-list]
• vuebar [https://github.com/DominikSerafin/vuebar]
• vue-i18n [https://github.com/kazupon/vue-i18n]

others

• detect-browser [https://github.com/DamonOehlman/detect-browser]
• es6-promise [https://github.com/stefanpenner/es6-promise]
• file-saver [https://github.com/eligrey/FileSaver.js/]
• jquery [https://jquery.com/]
• lodash [https://lodash.com/]
• moment-timezone [https://momentjs.com/]
• papaparse [https://www.papaparse.com/]
• vue-fullscreen [https://github.com/mirari/vue-fullscreen]
• vuex-persistedstate [https://github.com/robinvdvleuten/vuex-persistedstate]

Browser Support

Pragmatic supports all modern browsers (Chrome, Firefox, Safari, Edge).

Also IE11 but with partial support for flexboxes