Dark Sidebar
Full Content
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Full Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/full-content.png)
Boxed Content
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Boxed Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/boxed-content.png)
With Side Content Left
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of With Side Content Left](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/with-side-content-left.png)
With Side Content Right
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of With Side Content Right](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/with-side-content-right.png)
Multi Column
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Multi Column](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/multi-column.png)
With Mini Sidebar
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of With Mini Sidebar](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/dark-sidebar/with-mini-sidebar.png)
Make them yours!