File Overview

Dist files

If you want to use Ace's CSS and JS files without any changes or modifications, you should use the files inside the dist folder.

The following CSS files are available:

dist/css/ace.css
dist/css/ace-slim.css. A slimmer version of ace.css. It doesn't have multiple collapsed sidebar styles, horizontal menu, etc as well as no 3rd party plugin styling
dist/css/ace-themes.css .Not recommended. If you want to use a different sidebar/navbar theme you should compile ace.css to include a different theme by default
dist/css/ace-fonts.css .Not recommended. Better to use Google fonts directly. See Fonts & Icons
RTL files inside dist/css/rtl folder

The following Javascript files are available:

dist/js/ace.js

Source files

If you want to modify/customize ace.css or ace.js, you should use the included source files.
SASS files are inside scss and JS files are inside js/src folder.

Please refer to CSS Custom Build and Javascript Custom Build for more info.

Demo files

views folder contains the files and data for Ace's demo.

`views`

Contains handlebars templates.
Handlebars makes it easy to separate large pages into smaller, more managable sections.
I use it in developing Ace's demo so that you can easily see the structure of each layout or page and integrate it with your own app whether it's a Node.js, PHP, Ruby, etc app.

For example to see the basic structure of Ace's main layout you can view:
views/layouts/dashboard/#index.hbs and it is easily readable

👉 To use Ace, you don't need to use handlebars in your app. This is just for more readibility in Ace's demo

`views/data`

Contains some sample data for Ace's demo.
For example the list of pages to be displayed in sidebar is inside the following file:
views/data/layouts/sidebar.json
Or navbar notifications are inside: views/data/layouts/navbar-notif.json