Project Structure

xakti-admin-template/                      
   ├── index.html                    # Dashboard entrypoint
   ├── documentation.html            # Usage documentation
   ├── project-structure.html        # Project structure and asset size page
   ├── pages/                        # Application page templates
   │   ├── auth/                     # Login, register, forgot password
   │   └── errors/                   # Error pages 403, 404, 500
   ├── assets/
   │   ├── css/                     # Tokens, theme, layout, components, plugins
   │   ├── js/                      # Entry module, modules, and utilities
   │   ├── icons/                   # Local Lucide SVG sprite
   │   ├── fonts/                   # Local Inter font
   │   └── vendor/                  # Local Bootstrap and Chart.js
   ├── CHANGELOG.md
   └── README.md

CSS File Sizes

85.01 KB

File	Size
`tokens.css`	7.56 KB
`theme.css`	18.47 KB
`layout.css`	10.31 KB
`components.css`	7.67 KB
`plugin-integrations.css`	4.28 KB
`app.css`	0.42 KB
`app.min.css` served	36.31 KB

JavaScript File Sizes

43.10 KB

File	Size
`app.js`	1.13 KB
`modules/*.js` (7 files)	39.67 KB
`utils/*.js` (2 files)	3.46 KB
`app.bundle.js` file://	43.42 KB

Entry Points and Asset Flow

Use the appropriate files depending on how the application is served.

Local HTTP Server

index.html loads Bootstrap, app.min.css, then the Bootstrap bundle and app.js as an ES Module.

Direct File Access

The browser uses app.bundle.js because ES Modules have security restrictions under the file:// protocol.

CSS Sources

app.css imports the source CSS. Served pages load app.min.css, so the bundle must be synchronized after CSS changes.