Contents

Learn what's included in Frontbx including production-ready compiled assets as well as source files



Compiled Frontbx

Now that you have a Frontbx project ready to go, you'll see something similar to the tree below. The dist folder contains the compiled production-ready assets for quick drop-in usage. You'll find a number of different files in these folders which are outlined below.

frontbx
│ 
└── dist
    │ 
    ├── css
    │
    │── js
    │    
    └──fonts
CSS

Compiled versions of FrontBx's CSS are found in the dist/css folder. The table below outlines each file and it's usage.

Files Description
frontbx.css
frontbx.min.css
Standalone compiled Frontbx without the icons.
frontbx-bundle.css
frontbx-bundle.min.css
Compiled Frontbx bundled with FontAwesome icons.
frontbx-bundle.cdn.css
frontbx-bundle.cdn.min.css
Compiled Frontbx bundled with FontAwesome icons hosted externally.
frontbx-icons.css
frontbx-icons.min.css
Standalone compiled FontAwesome icons.
frontbx-grid.css
frontbx-grid.min.css
Standalone compiled Frontbx grid only.
JavaScript

Compiled versions of FrontBx's JS are found in the dist/js folder. The table below outlines each file and it's usage.

Files Description
frontbx.js
frontbx.min.js
Compiled standalone JS.
frontbx-bundle.js
frontbx-bundle.min.js
Compiled Frontbx UMD ready JS.
frontbx-lazyload.js
frontbx-lazyload.min.js
Standalone Frontbx lazyload JS.
frontbx.esm.js
frontbx.esm.min.js
Compiled Frontbx ESM ready JS.

Source files

Frontbx's source files are located in a number of different folders as outlined in the tree structure below. The table below this outlines what each directory is used for.

frontbx
│ 
├── build  (Dev scripts for compiling)
│ 
├── dist   (Compiled distribution assets)
│ 
├── docs   (Markdown source files for documentation)
│ 
├── js     (Source JavaScript files)
│ 
├── scss   (Source Scss files)
│      
└── site   (Built documentation site)
Directory Description
build Dev scripts for compiling
dist Compiled distribution assets
docs Markdown source files for documentation
js Source JavaScript files
scss Source Scss files
site Built documentation site

Next steps

Now that you're familiar with Frontbx's file structure, head over to Installation Page and start your install.