Home

Library

Hero

Search a component or section

Last updated on:

Updated on:

March 28, 2026

Available variants

a dark themed hero section with animating background effect. The UI optimized for desktop devices

a dark themed hero section with animating background effect. The UI optimized for phone devices

a light themed hero section with animating background effect. The UI optimized for desktop devices

a light themed hero section with animating background effect. The UI optimized for phone devices

Hero 28

This is a theme-responsive minimal style hero section with an animating background effect and a completely customizable dashboard UI. The animating background color combination is also customizable.

Variants:

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Copy the whole hero section to your clipboard.

Unable to copy? Sign in and try again.

Paste it on your Framer canvas.

Choose the right variant for the right breakpoint.

This section has four variants. For desktop, there will be two (dark and light), and for mobile devices, two (dark and light).

The background effect offers customizable options, including speed, scale, amplitude, noise, and more. Head over to the layer panel and select the "liquid gradient" layer to customize the effect on your end.

Currently, it is set to "Absolute" positioning with all the corners set to ZERO. So, it will auto-fill your screen size without having any manual adjustment on the aspect ratio of the animating background.

Visit the main hero collection page now, and explore more.

Connect with us for any assistance.

Where to use?

We highly recommend that use this section as the first section of your home page, which is undoubtedly your hero section.

If you wish to use the background effect in any other sections, such as the contact section, CTA, unlock the layer and shift it to the area you want to bring the effect.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Hero 28

This is a theme-responsive minimal style hero section with an animating background effect and a completely customizable dashboard UI. The animating background color combination is also customizable.

Variants:

Breakpoints

Theme:

Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

Preview the component

How to use the component?

Copy the whole hero section to your clipboard.

Unable to copy? Sign in and try again.

Paste it on your Framer canvas.

Choose the right variant for the right breakpoint.

This section has four variants. For desktop, there will be two (dark and light), and for mobile devices, two (dark and light).

The background effect offers customizable options, including speed, scale, amplitude, noise, and more. Head over to the layer panel and select the "liquid gradient" layer to customize the effect on your end.

Currently, it is set to "Absolute" positioning with all the corners set to ZERO. So, it will auto-fill your screen size without having any manual adjustment on the aspect ratio of the animating background.

Visit the main hero collection page now, and explore more.

Connect with us for any assistance.

Where to use?

We highly recommend that use this section as the first section of your home page, which is undoubtedly your hero section.

If you wish to use the background effect in any other sections, such as the contact section, CTA, unlock the layer and shift it to the area you want to bring the effect.

LIMITED TIME OFFER

Launch amazing websites with

Framerstacks

Still trying to design and launch a website from scratch? Check out 800+ pre-built Framer components and sections that 10x your design speed.

Life time access

Save hundreds of hours

10x design speed

Weekly new releases

Premium designs

Color theme responsiveness

Starts from

$79.00

$99

One-time

Buy now

Library overview

Framerstacks hosts one of the largest collections of pre-built Framer components and website sections. With 200+ professionally designed components and 800+ variants.

Our library spans 40+ webpage section categories, enabling creators to build beautiful, high-performance websites in Framer faster than ever.

Explore the main library page.

Contribution

Have something creative on your mind? Or wish to become a contributor inside Framerstacks?

You're welcome. Join as a contributor and help to shape the future of high-quality Framer components and sections gallery. Head over to the submission page and contribute.