Tabs
Default
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 Default](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/default.png)
Default with Icons
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 Default with Icons](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/default-with-icons.png)
Default Justified
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 Default Justified](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/default-justified.png)
Default in Card
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 Default in Card](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/default-in-card.png)
Pills
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 Pills](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills.png)
Pills with Icons
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 Pills with Icons](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills-with-icons.png)
Pills Justified
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 Pills Justified](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills-justified.png)
Pills in Card
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 Pills in Card](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills-in-card.png)
Pills Vertical
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 Pills Vertical](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills-vertical.png)
Pills Vertical in Card
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 Pills Vertical in Card](https://cdn.tailkit.com/media/screenshots/application-ui/components/tabs/pills-vertical-in-card.png)
Make them yours!