Project structure

Silicon

This folder contains all template source and production files.

Silicon / assets

This folder production versions of asset files.

Silicon / assets / audio

Sample audio file for Podcast page demo.

Silicon / assets / css

Here, you will find the compiled .css files: theme.css and theme.min.css

Silicon / assets / favicon

Favicon images for all browsers and platforms. They are linked in the <head> section of html document.

Silicon / assets / img

This folder contains all graphic assets like images, illustrations, icons, etc. divided into subfolders.

Silicon / assets / js

This folder contains the compiled theme.js and theme.min.js files, along with their respective mapping files, theme.js.map and theme.min.js.map.

Silicon / assets / json

Configuration .json files for Lottie player animations.

Silicon / assets / vendor

This folder contains all vendor plugins' .js / .css files.

Silicon / src

This folder contains source versions of asset files.

Silicon / src / scss

This folder contains all project's source .scss files, which are compiled and minified into styles in the assets/css folder.

Silicon / src / js

This folder contains all project's source .js files, which are compiled and minified into scripts in the assets/js folder.

Silicon / components

Silicon UI Kit - all the component .html pages with code snippets.

Silicon / docs

Documentation you are reading now.

Silicon / build

The folder contains JavaScript files that execute Node.js scripts used in the build system. The config.js is the file where you can configure your project paths (directory structure).

Silicon / 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.

Whether you work with Node.js and Npm or not, you can still benefit from SCSS (CSS preprocessor). In such cases, you may want to explore Using the Sass (SCSS) preprocessor.