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

Get the code

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

Get the code

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

Get the code

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

Get the code

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

Get the code

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

Get the code

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

Get the code

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

Get the code

Make them yours!

1,600+ code snippets are waiting for you

Build beautiful and super modern web applications and websites with Tailkit's huge collection of UI Components, Templates and Tools.

Get access today