Hero

Components

Hero / left 1 / Image
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Placeholder Image 3
Hero / left 1 / Video
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Video Placeholder
Hero / left 1 / image big
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Avatar 2
hero / left 1 / form

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Sign up now

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
hero / center / video
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Video Placeholder
hero / center / text only
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

hero / center / bg image

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

hero / left 1 / email form
UI Framework for Webflow

Build, customize and launch today

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Placeholder Image 3
hero / left 2 / box / text only
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

hero / Center / box / text only
UI Framework for Webflow

Build, customize and launch without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

hero / left 2 / full width / text only
UI Framework for Webflow

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

hero / Center / full width / text only
UI Framework for Webflow

Launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

hero / left 2 / full width / Breadcrumbs

Build, customize and launch your websites without coding

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.

hero / Slider

Agnieszka
Kierat-Jasiak

Lek. Dentysta

Specjalista chirurgii stomatologicznej
Czytaj więcej
lekarz-dentysta-maja-lipiec

Maja
Lipiec

Lek. Dentysta


Czytaj więcej
lekarz-dentysta-kamila-kulkowska

Kamila
Kulkowska

Lek. Dentysta


Czytaj więcej

Katarzyna
Gaj

Lek. Dentysta


Czytaj więcej

Marianna Janel-Izdebska

Lek. Dentysta


Czytaj więcej

Ewelina
Adamczyk

Higienistka stomatologiczna


Czytaj więcej

Izabela
Wilewska

Higienistka stomatologiczna


Czytaj więcej

Ewa
Wójcik

Asystentka stomatologiczna


Czytaj więcej
arrow_back_ios_new
arrow_forward_ios

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

The hero section is placed at the top of the landing page and it's the first thing users see when arriving on a website.

arrow_upward