Hero Sections

Quickly get a project started with any of our examples ranging from using parts of the UI to custom components and layouts using Tailwind CSS.

With Image and Reviews

Polygon Background Element

Center Aligned in Dark Background

Squared Background Element

Gradient Background

With Email Input

Center Aligned with Video Play Button on Image

Download Preline UI

Our code is available for you to download, inspect, and modify:

Get started
Package Manager: npm Installation Guide


Get all the latest Preline updates and news.