Web Themes & Templates

Scutum - Professional Material Design UIkit Admin Template

Scutum - Professional Material Design UIkit Admin Template

Scutum Admin is a professional HTML5/CSS3 Material Design template based on UIkit Framework (v3). It comes with 2 versions: HTML and VueJS that can be used to build any backend application: shop backend, analytics backend, CMS, CRM etc. HTML version source code is build with the help of PHP language (includes, simple functions and helpers). VueJS version is based on Nuxt.js framework, universal mode (SSR + SPA) is set as default but can easily be switched to SPA mode.

Scutum Admin HTML version

Scutum Admin Vue.js version

Latest update

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" 

Scutum Admin Template Features


  • Material Design/Material Design 2
  • HTML and VueJS version
  • Based on UIkit 3 framework
  • VueJS version based on Nuxt.js (integrated vuex, axios, ssr etc.)
  • Responsive layout
  • Easily customizable (SASS files)
  • Async loader (CSS/JS) in HTML version
  • More than 80 pages
  • Custom Pages
    • Mailbox
    • Notes
    • Task Board
    • Chat
    • POI Listing
    • Contact List
    • and more…
  • Custom Components
    • Accordions
    • Dropdowns
    • Dynamic Grid
    • Filters
    • Lightbox/Modal
    • Sortable
    • Notifications
    • Preloaders
    • Tabs
    • Timeline
    • and many more…
  • Integrated charting libraries:
    • Billboard.js
    • Chart.js
  • Integrated plugins:
    • Calendar
    • Data Grid
    • Datatables
    • Gantt Chart
    • Image Croper
    • Google Maps
    • Vector Maps
    • and many more…


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 (21.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.0.0 (09.04.2019)

Initial release

v1.0.1 (10.04.2019)

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

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey