Scutum Admin is a Professional Material Design/Material Design 2 template based on UIkit 3.
It comes with two versions: HTML and Vue.js (based on Nuxt.js) that can be used to build any backend application such as: CRM, CMS, Analytics Panel, Shop Backend etc.

HTML Version Live Preview Vue.js Version Live Preview Buy now $26

Demos

HTML version HTML version (RTL)
Vue.js version Vue.js version (RTL)
Landing Page Landing Page (RTL)

Main Features

Based on UIkit 3

Material Design / Material Design 2

HTML and Vue.js versions

Multiple form templates

Latest and best tools used (Yarn, Gulp, Webpack ...)

Many custom pages
(invoices, mailbox, notes, chat ...)

VueJS version based on Nuxt.js (integrated vuex, axios, ssr etc.)

Async loader
(CSS/JS) in HTML version

Easily customizable
(SASS files)

Integrated many plugins
(calendar, image cropper, gantt chart, datatables ...)

Laravel integration (Nuxt.js)

Landing Page

Form Templates

Scutum Admin offers 10 predefined form templates that you can use out of the box or you can easily customize them.
More form templates will be added in future updates!
I’m open for suggestions/requests.

Advertising Evaluation Form

HTML Vue.js

Booking Form

HTML Vue.js

Car Rental Form

HTML Vue.js

Checkout Form

HTML Vue.js

Contact Forms

HTML Vue.js

Job Application Form

HTML Vue.js

Medical History Form

HTML Vue.js

Rental Application Form

HTML Vue.js

Registration Form

HTML Vue.js

Transaction Feedback Form

HTML Vue.js

Support

If you have any questions/suggestions/requests regarding Scutum Admin Template
feel free to send me a message through support page or through email.

tzdthemes@gmail.com https://themeforest.net/item/scutum-professional-material-design-uikit-admin-template/23542323/support

Changelog

v2.4.0 (05.10.2020)

== New Features
  [new][html/vue] RTL Support
  [new][html/vue] Create Invoice Page
  [new][html/vue] Data visualization Page
  [new][html] Header search input clear button (scutum.forms.common.clearInput())

== Components/Pages Update
  [update][vue] Added name property to all pages
  [update][vue] Updated nuxt.config.js (target, ssr property)
  [update][documentation] Added section regarding sidebar options

== Bugs
  [bug][html/vue] Sidebar menu scroll to active fixed
  [bug][html/vue] Minor css/js fixes

== Dependency Upgrades
  [dependency][html/vue] "billboard.js": "1.11"
  [dependency][html/vue] "codemirror": "^5.58.1"
  [dependency][html/vue] "datatables.net": "^1.10.22"
  [dependency][html/vue] "datatables.net-buttons": "^1.6.4"
  [dependency][html/vue] "datatables.net-responsive": "^2.2.6"
  [dependency][html/vue] "dragula": "^3.7.3"
  [dependency][html/vue] "flatpickr": "^4.6.6"
  [dependency][html/vue] "jquery.fancytree": "^2.37.0"
  [dependency][html/vue] "tui-calendar": "^1.12.14"
  [dependency][html/vue] "tui-grid": "^4.15.1"
  [dependency][html/vue] "uikit": "^3.5.8"
  [dependency][html] "datatables.net-scroller": "^2.0.3"
  [dependency][html] "moment": "^2.29.0"
  [dependency][html] "jquery-mockjax": "^2.6.0"
  [dependency][vue] "@babel/plugin-transform-spread": "^7.11.0"
  [dependency][vue] "@ckeditor/ckeditor5-build-classic": "^23.0.0"
  [dependency][vue] "@ckeditor/ckeditor5-vue": "^1.0.3"
  [dependency][vue] "@nuxtjs/axios": "^5.12.2"
  [dependency][vue] "@nuxtjs/google-analytics": "^2.4.0"
  [dependency][vue] "chance": "^1.1.7"
  [dependency][vue] "jquery.steps": "^1.1.1"
  [dependency][vue] "lodash": "^4.17.20"
  [dependency][vue] "nuxt": "^2.14.6"
  [dependency][vue] "nuxt-i18n": "^6.15.1"
  [dependency][vue] "sass-loader": "^10.0.2"
  [dependency][vue] "vue": "2.6.12"
  [dependency][vue] "vue-chartjs": "^3.5.1"
  [dependency][vue] "vue-good-table": "^2.21.0"
  [dependency][vue] "vue-server-renderer": "^2.6.12"
  [dependency][vue] "vue-template-compiler": "^2.6.12"
  [dependency][vue] "vuedraggable": "^2.24.1"
  [devDependency][html] "browser-sync": "^2.26.12"
  [devDependency][html] "del": "^6.0.0"
  [devDependency][html] "gulp-rtlcss": "^1.4.1"
  [devDependency][vue] "@node-minify/core": "^6.1.0"
  [devDependency][vue] "@node-minify/uglify-es": "^6.1.0"
  [devDependency][vue] "eslint": "^7.10.0"
  [devDependency][vue] "eslint-config-prettier": "^6.12.0"

v2.3.0 (01.07.2020)

== New Features
  [new][html/vue] Overlay component
  [new][html/vue] Dark theme
  [new][html/vue] NPM support
  [new][html/vue] Image upload preview (user profile)

== Components/Pages Update
  [update][html/vue] Updated Material Design Icons
  [update][html/vue] Added example for minimized card (page load)
  [update][html/vue] Added class to hide element when card is in full screen
  [update][html/vue] Added automatic dropdown position flip for colorpicker
  [update][html] Unified chat user list (sidebar/offcanvas)

== Bugs
  [bug][html/vue] Fixed dateRangePicker z-index issue
  [bug][vue] Fixed Scrum Board rendering issue (universal mode)
  [bug][html/vue] Minor css/js fixes

== Dependency Upgrades
  [dependency][html/vue] "@mdi/font": "^4.9.95"
  [dependency][html/vue] "clipboard": "^2.0.6"
  [dependency][html/vue] "codemirror": "^5.55.0"
  [dependency][html/vue] "datatables.net": "^1.10.21"
  [dependency][html/vue] "datatables.net-buttons": "^1.6.2"
  [dependency][html/vue] "datatables.net-responsive": "^2.2.5"
  [dependency][html/vue] "jquery": "^3.5.1"
  [dependency][html/vue] "jquery.fancytree": "^2.35.0"
  [dependency][html/vue] "select2": "^4.0.13"
  [dependency][html/vue] "tui-calendar": "^1.12.13"
  [dependency][html/vue] "tui-grid": "^4.13.0"
  [dependency][html/vue] "uikit": "^3.5.4"
  [dependency][html] "gmaps": "^0.4.25"
  [dependency][html] "handlebars": "^4.7.6"
  [dependency][html] "jquery-mockjax": "^2.5.1"
  [dependency][html] "moment": "^2.26.0"
  [dependency][html] "perfect-scrollbar": "^1.5.0"
  [dependency][html] "screenfull": "^5.0.2"
  [dependency][html] "tablesorter": "^2.31.3"
  [dependency][html] "tinymce": "^5.3.2"
  [dependency][vue] "@babel/plugin-transform-spread": "^7.10.1"
  [dependency][vue] "cross-env": "^7.0.2"
  [dependency][vue] "nuxt": "^2.13.1"
  [dependency][vue] "nuxt-i18n": "^6.12.2"
  [dependency][vue] "vue-cropperjs": "^4.1.0"
  [dependency][vue] "vue-good-table": "^2.19.5"
  [dependency][vue] "vue2-perfect-scrollbar": "^1.5.0"
  [devDependency][html/vue] "chalk": "^4.1.0"
  [devDependency][html] "gulp-clean-css": "^4.3.0"
  [devDependency][html] "gulp-load-plugins": "^2.0.3"
  [devDependency][html] "gulp-sass": "^4.1.0"
  [devDependency][vue] "@node-minify/core": "^6.0.0"
  [devDependency][vue] "@node-minify/uglify-es": "^6.0.0"
  [devDependency][vue] "babel-eslint": "^10.1.0"
  [devDependency][vue] "eslint": "^7.3.1"
  [devDependency][vue] "eslint-config-prettier": "^6.11.0"
  [devDependency][vue] "eslint-loader": "^4.0.2"
  [devDependency][vue] "eslint-plugin-prettier": "3.1.4"
  [devDependency][vue] "eslint-plugin-vue": "^6.2.2"

v2.2.0 (19.01.2020)

== New Features
  [new][html/vue] Top Menu Layout
  [new][html/vue] Mini Sidebar Layout
  [new][html/vue] Fab Speed Dial
  [new][html/vue] Add new task function in Task Board
  [new][vue] i18n integration

== Components/Pages Update
  [update][html/vue] Updated Material Design Icons
  [update][html/vue] Updated Screenfull fullscreen availability
  [update][vue] Added reactivity to DateRangePicker
  [update][vue] Removed Gulp (replaced by node.js cli plugins)
  [update][html] Added event to update autosize ( $('textarea').trigger('autosize.change') )
  [update][html] Added class to automatically close dropdown when clicked nav link ( 'sc-uk-dropdown-close' )

== Bugs
  [bug][html/vue] Fixed issues with the page fixed layout on mobile devices
  [bug][html/vue] Fixed tour plugin on touch devices
  [bug][html/vue] Minor css/js fixes

== Dependency Upgrades
  [dep_update][html/vue] "@mdi/font": "^4.7.95"
  [dep_update][html/vue] "chart.js": "^2.9.3"
  [dep_update][html/vue] "codemirror": "^5.50.2"
  [dep_update][html/vue] "cropper": "^4.1.0"
  [dep_update][html/vue] "d3": "^5.15.0"
  [dep_update][html/vue] "datatables.net": "^1.10.20"
  [dep_update][html/vue] "datatables.net-buttons": "^1.6.1"
  [dep_update][html/vue] "diff": "^4.0.2"
  [dep_update][html/vue] "driver.js": "^0.9.8"
  [dep_update][html/vue] "flatpickr": "^4.6.3"
  [dep_update][html/vue] "handlebars": "^4.7.2"
  [dep_update][html/vue] "ion-rangeslider": "^2.3.1"
  [dep_update][html/vue] "jquery.fancytree": "^2.34.0"
  [dep_update][html/vue] "screenfull": "^5.0.0"
  [dep_update][html/vue] "select2": "^4.0.12"
  [dep_update][html/vue] "tablesorter": "^2.31.2"
  [dep_update][html/vue] "tui-calendar": "^1.12.9"
  [dep_update][html/vue] "tui-grid": "^4.8.1"
  [dep_update][html/vue] "uikit": "^3.2.7"
  [dep_update][html] "parsleyjs": "^2.9.2"
  [dep_update][html] "tinymce": "^5.1.5"
  [dep_update][vue] "@babel/plugin-syntax-dynamic-import": "^7.8.3"
  [dep_update][vue] "@babel/plugin-transform-spread": "^7.8.3"
  [dep_update][vue] "@ckeditor/ckeditor5-build-classic": "^16.0.0"
  [dep_update][vue] "@ckeditor/ckeditor5-vue": "^1.0.1"
  [dep_update][vue] "@nuxtjs/axios": "^5.9.3"
  [dep_update][vue] "@nuxtjs/google-analytics": "^2.2.3"
  [dep_update][vue] "chance": "^1.1.4"
  [dep_update][vue] "cross-env": "^6.0.3"
  [dep_update][vue] "datatables.net-select": "^1.3.1"
  [dep_update][vue] "node-sass": "^4.13.0"
  [dep_update][vue] "nuxt": "^2.11.0"
  [dep_update][vue] "sass-loader": "^8.0.2"
  [dep_update][vue] "vue": "2.6.11"
  [dep_update][vue] "vue-chartjs": "^3.5.0"
  [dep_update][vue] "vue-cropperjs": "^4.0.1"
  [dep_update][vue] "vue-good-table": "^2.18.1"
  [dep_update][vue] "vue-moment": "^4.1.0"
  [dep_update][vue] "vue-server-renderer": "^2.6.11"
  [dep_update][vue] "vue-template-compiler": "^2.6.11"
  [dep_update][vue] "vue2-perfect-scrollbar": "^1.3.0"
  [dep_update][vue] "vuedraggable": "^2.23.2"
  [dep_update][vue] "vuelidate": "^0.7.5"
  [dep_update][laravel-nuxt] "laravel-nuxt: ^2.0.0"

v2.1.0 (18.09.2019)

== New Features
  [new][html/vue] Landing Page
  [new][html/vue] Issues List Page
  [new][html/vue] Single Issue Page
  [new][html/vue] Breadcrumbs Component
  [new][html/vue] Pagination Component
  [new][html/vue] Form Custom Controls

== Components/Pages Update
  [update][html/vue] Updated Material Design Icons
  [update][html/vue] Added example how to show menu on hover (users list on Chat page)
  [update][vue] Added reactivity to Range Slider
  [update][html] Options can now be passed to data-sc-raty as json object (Raty plugin)
  [update][html] Options can now be passed to data-sc-flatpickr as json object (DatePicker plugin)
  [update][html] Added Input Mask plugin to common form elements
  [update][html] Added option to disable select2 auto initialization (add .sc-regular-select class to select element)

== Bugs
  [bug][html/vue] Fixed month dropdown in DatePicker plugin
  [bug][vue] Fixed Laravel Integration build bug in windows enviroment
  [bug][html] Fixed Search Form in Header on mobile devices
  [bug][html] Fixed TinyMce WYSIWYG editor initialization
  [bug] Minor css/js fixes

== Dependency Upgrades
  [dep_update][html/vue] "@mdi/font": "^4.4.95"
  [dep_update][html/vue] "billboard.js": "^1.10.2"
  [dep_update][html/vue] "codemirror": "^5.48.4"
  [dep_update][html/vue] "flatpickr": "^4.6.2"
  [dep_update][html/vue] "jquery.fancytree": "^2.32.0"
  [dep_update][html/vue] "push.js": "^1.0.12"
  [dep_update][html/vue] "screenfull": "^4.2.1"
  [dep_update][html/vue] "select2": "^4.0.10"
  [dep_update][html/vue] "tui-calendar": "^1.12.5"
  [dep_update][html/vue] "tui-grid": "^4.5.2"
  [dep_update][html/vue] "uikit": "^3.2.0"
  [dep_update][html] "handlebars": "^4.2.0"
  [dep_update][vue] "nuxt": "^2.9.2"
  [dep_update][vue] "@ckeditor/ckeditor5-build-classic": "^12.4.0"
  [dep_update][vue] "@nuxtjs/axios": "^5.6.0"
  [dep_update][vue] "chance": "^1.1.0"
  [dep_update][vue] "chartjs-plugin-datalabels": "^0.7.0"
  [dep_update][vue] "jquery.steps": "^1.0.2"
  [dep_update][vue] "lodash": "^4.17.15"
  [dep_update][vue] "vue2-google-maps": "^0.10.7"

== Other
  [html/vue] Base font size can now be changed in html element (default - 16px)
  [vue] Changed 'no-ssr' component to 'client-only' component (https://nuxtjs.org/api/components-client-only/)
  [html] Added option to disable hires images (scutum_common.js - scutum.config.hiResImages)

v2.0.0 (04.07.2019)

== New Features
  [new][html/vue] CKEditor WYSIWYG editor
  [new][html] TinyMCE WYSIWYG editor
  [new][html/vue] Footer component
  [new][html/vue] Scrollable component
  [new][html/vue] Grid menu component
  [new][html/vue] Labels in side menu
  [new][vue] Laravel integration
  [new][vue] Quill WYSIWYG editor
  [new][vue] Card component (ScCard, ScCardHeader, ScCardBody, ...)
  [new][vue] Transition component (ScTransition)
  [new][vue] Progress component (ScProgress, ScProgressCircular)
  [new][vue] v-visible directive
  [new][vue] es6 utils (scDom, scColors, ScHelpers, ScMq etc.;'~/assets/js/utils')

== Components/Pages Update
  [update][html/vue] UIkit Icons
  [update][html] Mailbox page (added handlebars templates, fixed single message)
  [update][vue][BREAKING] Removed jQuery from code and components (vue way)
  [update][vue][BREAKING] added 'vx' prefix for Vuex states
  [update][vue][BREAKING] added 'Sc' prefix for Photo, Avatar, AvatarInitials, Colorpicker components
  [update][vue] added '~scss' alias (scss @import)

== Bugs
  [bug][html/vue] Fixed select2 in modal
  [bug] Minor css/js fixes

== Dependency Upgrades
  [dep_update][html/vue] "@mdi/font": "^3.7.95"
  [dep_update][html/vue] "billboard.js": "^1.9.5"
  [dep_update][html/vue] "codemirror": "^5.48.0"
  [dep_update][html/vue] "driver.js": "^0.9.7"
  [dep_update][html/vue] "flatpickr": "^4.6.1"
  [dep_update][html/vue] "inputmask": "^4.0.8"
  [dep_update][html/vue] "jquery": "^3.4.1"
  [dep_update][html/vue] "jquery.fancytree": "^2.31.0"
  [dep_update][html/vue] "perfect-scrollbar": "^1.4.0"
  [dep_update][html/vue] "select2": "^4.0.7"
  [dep_update][html/vue] "tui-calendar": "^1.12.1"
  [dep_update][html/vue][BREAKING] "tui-grid": "^4.0.2" (removed Backbone and jQuery dependencies)
  [dep_update][html/vue] "uikit": "^3.1.6"
  [dep_update][html] "handlebars": "^4.1.2"
  [dep_update][html] "parsleyjs": "^2.9.1"
  [dep_update][vue] "@nuxtjs/axios": "^5.5.4"
  [dep_update][vue] "node-sass": "^4.12.0"
  [dep_update][vue] "nuxt": "^2.8.1"
  [dep_update][vue] "vue-cropperjs": "^4.0.0"

  [devDep_update][html/vue] "gulp-load-plugins": "^2.0.0"
  [devDep_update][html] "browser-sync": "^2.26.7"
  [devDep_update][html] "del": "^5.0.0"
  [devDep_update][html] "glob": "^7.1.4"
  [devDep_update][html] "gulp-autoprefixer": "^6.1.0"
  [devDep_update][html] "gulp-changed": "^4.0.0"
  [devDep_update][html] "gulp-clean-css": "^4.2.0"
  [devDep_update][html] "gulp-inline-fonts": "^1.2.1"
  [devDep_update][vue] "babel-eslint": "^10.0.2"
  [devDep_update][vue] "eslint-config-prettier": "^5.0.0"
  [devDep_update][vue] "eslint-plugin-prettier": "3.1.0"
  [devDep_update][vue] "eslint-plugin-vue": "^5.2.3"
  [devDep_update][vue] "gulp-inline-fonts": "^1.2.1"
  [devDep_update][vue] "gulp-rename": "^1.4.0"

== Other
[vue] Removed 'scutum-spa' and 'scutum-universal' pregenerated aps from package

v1.1.0 (10.04.2019)

[bug] Fixed Vue.js build folders
[bug] Added missing manifest.json
[bug] Minor css/js fixes

v1.0.0 (09.04.2019)

Initial release

Tags asociated with Scutum Admin template