Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Hero Forms

Hero forms combine eye-catching visuals with signup, email capture, and search entry points for lead generation and product discovery.

A large intro hero is paired with a full signup form block and supporting benefit copy.

A two-column hero places a large image on one side and a stacked form card on the other.

A centered text stack sits above a compact form, with the action area kept in the same column.

A centered search field is followed by shortcut tags, all grouped inside one hero stack.

A single search field sits over a full-width image background with minimal surrounding UI.

A simple hero layout reduces the form to one email field and one primary action.

© 2026 Preline Labs.

;