Below is the Frest Admin Template folder structure.
Frest Admin Folder Structure
frest-clean-bootstrap-admin-dashboard-template/
├── app-assets/
| ├── css/
| ├── css-rtl/
| | ├── custom-rtl.css
| ├── data/
| ├── fonts/
| ├── images/
| ├── js/
| └── vendors/
| ├── css/
| | ├── vendors.min.css
| | ├── vendors-rtl.min.css
| ├── js/
| ├── vendors.min.js
├── assets/
| ├── css/
| ├── js/
| └── scss/
├── gulp-tasks/
├── html/
| ├── ltr/
| └── rtl/
├── starter-kit/
| ├── ltr/
| └── rtl/
├── src/
| ├── js/
| ├── scss/
├── .csscomb.json
├── config.json
├── favicon.ico
├── gulpfile.js (gulp tasks)
├── package.json (gulp package json)
frest-laravel-admin-template/
├── (Laravel Template root folder Refer the laravel documentation)
-
frest-clean-bootstrap-admin-dashboard-template/
: Root template folder contain Frest Admin Template all html, js, css, scss, images and other files.-
app-assets/
: Folder contain all the Frest Admin Template assets which has css, js, fonts, images & json files. It is not recommend to change any files from this folder, use assets folder instead. -
css/
: All the generated css files from scss. Which contain bootstrap.css, bootstrap-extended.css, app.css, colors.css, themes.css code, pages and plugins css files. -
css-rtl/
: All generated rtl css files from scss. Which contains custom-rtl.css file and all file's RTL that we have in CSS folder. custom-rtl.css file contains common css of the template. -
data/
: Dummy JSON data for chats, tables and ajax example. -
fonts/
: All the fonts files for font-icons. -
images/
: Template images for image placeholder. -
js/
: All the generated JS files from src/js. -
vendors/
: Folder contain all the vendors css and js files incss/
andjs/
folder. It also contains minimum required vendors bundled CSSvendors.min.css
and JSvendors.min.js
file. -
assets/
: Folder contain assets which has sample scss, css, js files. Use folder for user customization purpose, you can add any custom css,js files & images in this folder. -
gulp-tasks/
: Folder contain all the gupl task files. -
html/
: Folder contain all the HTML files. It has text-direction & template name folder. -
starter-kit/
: Folder contain all the generated HTML Starter kit files. -
src/
: Folder contain source files for this template i.e SCSS & JS.-
js/
: Folder contain all the core, menu, pages & other js files. -
scss/
: Folder contain bootstrap, bootstrap-extended, app, colors, pages, plugins & themes scss files.
-
-
.csscomb.json
: CSScomb config file. CSScomb is a coding style formatter for CSS. -
config.json
: Template config, Includes source & destination path, vendors array etc... -
favicon.ico
: Favicons are displayed by a web browser next to the title of the website or webpage in the address bar. gulpfile.js
: Gulp tasks js file.package.json
: NPM packages file.
-
Heads Up!
It is not recommended to change any core files inside
src/
and app-assets/
folder to
avoid future update conflicts. If you still modify the file,
it may require to merge it manually with future updates.
Tip
It is recommended to use assets/
folder to
write your SCSS, CSS, JS. You can also add new assets to
this folder (i.e images, libs, etc..) to update the template
in the future easily.
For more detail about updating the template refer FAQs.