Skip to main content

Contents

Discover what’s included in Melvin, including our precompiled and source code flavors. Remember, Melvin’s JavaScript plugins require jQuery.

Precompiled Melvin

Once downloaded, unzip the compressed folder and you’ll see something like this:

HTML VERSION/
├── css/
│   ├── application.css
│   ├── application.css.map
│   ├── buttons.bootstrap4.min.css
│   ├── buttons.dataTables.min.css
│   ├── dataTables.bootstrap4.min.css
│   ├── dataTables.checkboxes.css
│   ├── font-awesome.min.css
│   ├── font-awesome.css.map
│   ├── fullcalendar.print.min.css
│   ├── inputmask.css
│   ├── ionicons.min.css
│   ├── jquery.mCustomScrollbar.min.css
│   ├── jqvmap.min.css
│   ├── responsive.bootstrap.min.css
│   ├── summernote-lite-primer.min.css
│   ├── tageditor.min.css
│   └── tempusdominus-bootstrap-4.min.css
└── js/
│   ├── application.min.js
│   ├── application.min.js.map
│   ├── blockUI.min.js
│   ├── buttons.bootstrap4.min.js
│   ├── Chart.bundle.min.js
│   ├── dataTables.buttons.min.js
│   ├── dataTables.checkboxes.min.js
│   ├── datatables.min.js
│   ├── dataTables.responsive.min.js
│   ├── dropzone.js
│   ├── fullcalendar.min.js
│   ├── gcal.min.js
│   ├── gmaps.min.js
│   ├── i18next.min.js
│   ├── i18nextBrowserLanguageDetector.min.js
│   ├── i18nextXHRBackend.min.js
│   ├── jquery-i18next.min.js
│   ├── jquery-ui.min.js
│   ├── jquery.caret.js
│   ├── jquery.flot.js
│   ├── jquery.flot.min.js
│   ├── jquery.inputmask.bundle.js
│   ├── jquery.knob.min.js
│   ├── jquery.mCustomScrollbar.concat.min.js
│   ├── jquery.min.js
│   ├── jquery.min.map
│   ├── jquery.sparkline.min.js
│   ├── jquery.tag-editor.js
│   ├── jquery.twbsPagination.min.js
│   ├── jquery.flot.min.js
│   ├── jquery.vmap.min.js
│   ├── locale-all.js
│   ├── modernizr-custom.min.js
│   ├── moment-timezone-with-data-2012-2022.min.js
│   ├── moment-timezone.min.js
│   ├── moment.min.js
│   ├── popper.min.js
│   ├── popper.min.js.js
│   ├── promise.min.js
│   ├── summernote-bs4.min.js
│   ├── sweetalert2.min.js
│   ├── tempusdominus-bootstrap-4.min.js
│   ├── toastr.js.map
│   └── toastr.min.js
├── ajax/
│   ├── arrays.txt
│   ├── email.json
│   ├── employees.json
│   ├── events.json
│   ├── files.json
│   ├── German.json
│   ├── get-timezones.json
│   ├── shoppingcart.json
│   ├── support.json
│   ├── tasks.json
│   ├── translation.de-DE.json
│   ├── translation.de.json
│   ├── translation.dev.json
│   ├── translation.en-GB.json
│   ├── translation.en-US.json
│   ├── translation.en.json
│   ├── translation.fr-FR.json
│   └── translation.fr.json
├── flotchartplugins/
│   └── *.js
├── fonts/
│   └── *.eot
├── img/
│   ├── flags
│       └── *.png
│   └── logo.png
├── inputmask/
│   └── *.js
├── lang/
│   └── summernote*.js
├── maps/
│   └── vmaps*.js
├── plugin/
│   └── summernote*.js
└── index.html 
└── *.html

This is the most basic form of Melvin: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS, as well as compiled and minified CSS and JS. Bundled JS files as well as compiled and minified.

Melvin source code

The Melvin source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:

GULP VERSION/
├── src/
│   ├── asset/
│   │   └── ajax/
│   │   │    └── ajax/arrays.txt
│   │   │    └── email.json
│   │   │    └── employees.json
│   │   │    └── events.json
│   │   │    └── files.json
│   │   │    └── German.json
│   │   │    └── get-timezones.json
│   │   │    └── shoppingcart.json
│   │   │    └── support.json
│   │   │    └── tasks.json
│   │   │    └── translation.de-DE.json
│   │   │    └── translation.de.json
│   │   │    └── translation.dev.json
│   │   │    └── translation.en-GB.json
│   │   │    └── translation.en-US.json
│   │   │    └── translation.en.json
│   │   │    └── translation.fr-FR.json
│   │   │    └── translation.fr.json
│   │   └── js/
│   │   └── css/
│   │   │    └──buttons.bootstrap4.min.css
│   │   │    └──buttons.dataTables.min.css
│   │   │    └──dataTables.bootstrap4.min.css
│   │   │    └──dataTables.checkboxes.css
│   │   │    └──fullcalendar.print.min.css
│   │   │    └──inputmask.css
│   │   │    └──jquery.mCustomScrollbar.min.css
│   │   │    └──jqvmap.min.css
│   │   │    └──responsive.bootstrap.min.css
│   │   │    └──summernote-lite-primer.min.css
│   │   │    └──tageditor.min.css
│   │   │    └──tempusdominus-bootstrap-4.min.css
│   │   └── flotchartplugins/
│   │   │    └──*.js
│   │   └── fonts/
│   │   │    └──summernote.eot
│   │   │    └──summernote.ttf
│   │   │    └──summernote.woff
│   │   └── inputmask/
│   │   │    └──*.js
│   │   └── js/
│   │   │    └──blockUI.min.js
│   │   │    └──buttons.bootstrap4.min.js
│   │   │    └──dataTables.buttons.min.js
│   │   │    └──dataTables.checkboxes.min.js
│   │   │    └──datatables.min.js
│   │   │    └──dataTables.responsive.min.js
│   │   │    └──dropzone.js
│   │   │    └──fullcalendar.min.js
│   │   │    └──gcal.min.js
│   │   │    └──gmaps.min.js
│   │   │    └──i18next.min.js
│   │   │    └──i18nextBrowserLanguageDetector.min.js
│   │   │    └──i18nextXHRBackend.min.js
│   │   │    └──jquery-i18next.min.js
│   │   │    └──jquery-ui.min.js
│   │   │    └──jquery.caret.js
│   │   │    └──jquery.flot.js
│   │   │    └──jquery.flot.min.js
│   │   │    └──jquery.inputmask.bundle.js
│   │   │    └──jquery.mCustomScrollbar.concat.min.js
│   │   │    └──jquery.sparkline.js
│   │   │    └──jquery.sparkline.min.js
│   │   │    └──jquery.tag-editor.js
│   │   │    └──jquery.twbsPagination.min.js
│   │   │    └──jquery.vmap.min.js
│   │   │    └──locale-all.js
│   │   │    └──modernizr-custom.js
│   │   │    └──modernizr-custom.min.js
│   │   │    └──moment-timezone-with-data-2012-2022.min.js
│   │   │    └──moment-timezone.js
│   │   │    └──moment-timezone.min.js
│   │   │    └──moment.min.js
│   │   │    └──promise.min.js
│   │   │    └──summernote-bs4.min.js
│   │   │    └──sweetalert2.min.js
│   │   │    └──tempusdominus-bootstrap-4.min.js
│   │   └── lang/
│   │   │    └──summernote*.js
│   │   └── maps/
│   │   │    └──vmap*.js
│   │   └── php/
│   │   │    └──get-events.php (optional php files for calendar)
│   │   │    └──get-timezones.php
│   │   │    └──utils.php
│   │   └── plugin/
│   │   │    └──summernote*.js
│   ├── images/
│   │   └── flags/
│   │   │    └──*.png
│   └── js/
│   │   └── alert.js
│   │   └── app.js
│   │   └── button.js
│   │   └── carousel.js
│   │   └── collapse.js
│   │   └── dropdown.js
│   │   └── enhanced-modals.js
│   │   └── jquery.flot.js
│   │   └── modal.js
│   │   └── popover.js
│   │   └── scrollspy.js
│   │   └── tab.js
│   │   └── tooltip.js
│   │   └── util.js
│   └── pages
│   │   └── _blocks
│       │  └──*.html
│   │   └── _components
│       │  └──*.html
│   │   └── _layouts
│       │  └──*.html
│   │   └── *.html
│   └── style
│   │   └── mixins
│   │   │  └──_breadcrumbs.scss
│   │   │  └──_elements.scss
│   │   │  └──_header.scss
│   │   │  └──_popover.scss
│   │   │  └──_sidebar.scss
│   │   │  └──_svg-uri.scss
│   │   │  └──_tooltip.scss
│   │   │  └──_treeview.scss
│   │   └── utilities
│   │   │  └──_background.scss
│   │   │  └──_shadow.scss
│   │   │  └──_sizing.scss
│   │   │  └──_spacing.scss
│   │   │  └──_text.scss
│   │   └── _app.scss
│   │   └── _box.scss
│   │   └── _breadcrumb.scss
│   │   └── _buttons.scss
│   │   └── _caption.scss
│   │   └── _card.scss
│   │   └── _dropdown.scss
│   │   └── _dropzone.scss
│   │   └── _forms.scss
│   │   └── _fullcalendar.scss
│   │   └── _functions.scss
│   │   └── _grid.scss
│   │   └── _header.scss
│   │   └── _images.scss
│   │   └── _list-group.scss
│   │   └── _mixins.scss
│   │   └── _modals.scss
│   │   └── _nav.scss
│   │   └── _page.scss
│   │   └── _pagination.scss
│   │   └── _popover.scss
│   │   └── _progress.scss
│   │   └── _sidebar.scss
│   │   └── _summernote-bs4.scss
│   │   └── _sweetalert2_animations.scss
│   │   └── _sweetalert2_mixins.scss
│   │   └── _sweetalert2_toasts.scss
│   │   └── _sweetalert2.scss
│   │   └── _tables.scss
│   │   └── _toastr.scss
│   │   └── _tooltip.scss
│   │   └── _treeview.scss
│   │   └── _type.scss
│   │   └── _utilities.scss
│   │   └── _variables.scss
│   │   └── application.scss
└── gulp.config.js
└── gulp.js
└── index.js
└── package.json

The style/ and js/ are the source code for our CSS and JavaScript. The assets/ folder includes everything listed in the third part scripts. The pages/, pages/_blocks, pages/_components and pages/_layout folders include the source code for our pages.