Tailwind CSS Hero

There are 21 available components in this category, preview them all!

Centered with Image Glass

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side with Gradient

Fully responsive design

Supports dark mode

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Multiple Images with Gradient

Fully responsive design

Supports dark mode

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side With Social Proof

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Subtle Gradient Box

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side with Email Form

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Subtle Gradient with Header Links

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Colorful Top Gradient with Header Links

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side with Header Actions

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side with Simple Header

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Side with Simple Header Dark

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Simple with Logo

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Simple with Logo Dark

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Simple with Logo Brand

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Centered with Simple Header

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Centered with Simple Header Dark

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Centered with Simple Header Brand

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Cover with Header Actions

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Cover with Header Actions Dark

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Image Cover with Header Actions Brand

Fully responsive design

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Promo Box with Header Actions

Fully responsive design

Supports dark mode

Supports color editor

HTML code snippet

React code snippet

Vue.js code snippet

Screenshot

Get the code

Unlock your creative potential

1,800+ code snippets are waiting for you.

Build beautiful and super modern web applications and websites with Tailkit's huge collection of Tailwind components, templates and tools.

Get access today