Project structure

Folder / File name Description
Createx Folder contains all template source and production files.
Createx / assets This folder holds all assets files both source and production versions.
Createx / components Createx UI Kit - all the components with code snippets.
Createx / construction Construction Bureau Demo HTML files.
Createx / creative-agency Creative Agency Demo HTML files.
Createx / ecommerce E-Commerce Demo HTML files.
Createx / online-courses Online Courses Demo HTML files.
Createx / seo-agency SEO & Marketing Agency Demo HTML files.
Createx / documentation Documentation you are reading now.
Createx / assets / vendor This folder contains all vendor plugins' .js / .css files.
Createx / assets / scss This folder contains all project .scss files that are compiled and minified to styles in assets/css folder.
Createx / assets / js This folder contains main theme.js that is processed (compiled / minified) to theme.min.js located in the same directory.
Createx / assets / img Folder contains all graphic assets like images, icons, etc. divided into subfolders:
  • components - Createx UI Kit
  • construction - Construction Bureau Demo
  • documentation - Documentation you are reading now
  • creative-agency - Creative Agency Demo
  • ecommerce - E-Commerce Demo
  • online-courses - Online Courses Demo
  • seo-agency - SEO & Marketing Agency Demo
  • intro - Template Intro Page
Createx / assets / font This folder contains Icon font files as well as selection.json file which you can use to add more icons to the project. Read more about Icon font in UI icons section.
Createx / assets / css Here you'll find compiled .css files: theme.css and theme.min.css
Createx / package.json File contains meta data about your app or module. Most importantly, it includes the list of dependencies to install from npm repository when running npm install.
Createx / gulpfile.js Configuration file for Gulp. It contains all Gulp tasks you will perform while working on Createx based project. Learn more about it from Working with Gulp section or official Gulp documentation.

Whether you work with Node.js and Gulp or not you can still take advantage of SCSS (CSS preprocessor).
In this case you might want to learn hot to use Sass (Scss).

Top