Stacked
Full Only Content
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Full Only Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/full-only-content.png)
Boxed Only Content
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Boxed Only Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/boxed-only-content.png)
Light Header and Footer
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 Light Header and Footer](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/light-header-and-footer.png)
Light Header and Heading
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 Light Header and Heading](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/light-header-and-heading.png)
Dark Header and Heading
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 Dark Header and Heading](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/dark-header-and-heading.png)
Brand Header and Heading
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 Brand Header and Heading](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/brand-header-and-heading.png)
Dark Header Alternate
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 Dark Header Alternate](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/dark-header-alternate.png)
Dark Header Alternate with Side 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 Dark Header Alternate with Side Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/dark-header-alternate-with-side-content.png)
Brand Header Alternate
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 Brand Header Alternate](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/brand-header-alternate.png)
Brand Header Alternate with Side 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 Brand Header Alternate with Side Content](https://cdn.tailkit.com/media/screenshots/application-ui/layouts/stacked/brand-header-alternate-with-side-content.png)
Make them yours!