# HTML
Add AdminKit to a plain HTML page with the CDN or npm build of @adminkit/core, including the sidebar and navbar layout markup.
AdminKit is an HTML, CSS and JavaScript template. The smallest integration is one page that links the compiled CSS and JavaScript and uses the layout markup below.
## Install
Link the free package from a CDN:
```html
```
Or install it with npm and serve `node_modules/@adminkit/core/dist/` yourself:
```bash
npm install @adminkit/core
```
AdminKit PRO is not published to npm. Copy the `dist/` folder from the download into your project and point the paths below at it.
## Import the CSS and JavaScript
Put the stylesheet in `` and `app.js` at the end of ``. `app.js` bundles Bootstrap, the Lucide icons and the sidebar behaviour, and sets them up when the page loads and for markup added later.
```html title="index.html"
Dashboard
```
### Optional: avoid a color mode flash
Without `head.js`, `app.js` applies the stored [color mode](/docs/getting-started/dark-mode/) once it runs, so a visitor who picked the mode opposite to their operating system briefly sees the other one. `head.js` applies it before the first paint. Load it as a plain script in ``, before the stylesheet:
```html
```
## Minimal layout
The body is a `.wrapper` with the sidebar and a `.main` column that holds the navbar and the content. `app.js` uses the `js-sidebar`, `js-simplebar` and `js-sidebar-toggle` classes for the custom scrollbar and the sidebar toggle, and renders an inline SVG inside each `data-lucide` icon. The sidebar is a Bootstrap `.offcanvas-lg`: from the lg breakpoint (992px) up the toggle hides and shows it, below it the toggle opens it as a sheet over the page.
```html title="index.html"
Dashboard
Hello from AdminKit.
```
## Run
Serve the folder with any static file server, for example:
```bash
npx serve .
```
Open the printed URL (http://localhost:3000 by default). You should see the dark sidebar with two entries, the navbar with the hamburger toggle, and the card in the content area. Clicking the toggle collapses the sidebar.
## Notes
- The CDN URLs above are unpinned and serve the latest published version. Pin a version in production, for example `https://unpkg.com/@adminkit/core@/dist/js/app.js`.
---
Canonical HTML page: https://adminkit.io/docs/frameworks/html/
Site overview for agents: https://adminkit.io/llms.txt (expanded: https://adminkit.io/llms-full.txt) · Documentation: https://adminkit.io/docs/ · Questions: support@adminkit.io