Home

Library

Overlays

Search a component or section

A light themed call to action overlay with icon, typography, and buttons.

Last updated on:

Updated on:

March 24, 2026

Available variants

Lead collection overlay

A simple UI design for a lead collection overlay that captures user data and adds them to a newsletter list, allowing you to keep them updated with timely releases and information.

Variants:

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 this overlay component from the copy button above.

Sign in may required if you cannot perform the copy action.

Once the component is copied to your clipboard, open the Framer project.

Choose the page you want to trigger this overlay and paste.

Then adjust the trigger properties, content, structure, etc.

Don't forget to add proper linkings to the buttons on the UI. The "Sign Up" button to the sign-up page, and the "Next time" button to close the overlay.

Creating a new variant for the dismiss action is also recommended.

However, for simple management, use the in built properites available with the overlay control panel. That is, dismiss on Auto or Click.

Check out more collections of overlays.

Have any queries about this component? Contact us now.

Where to use?

Highly recommended to use these types of overlays on the pages or websites mentioned below.

Blog page: Where users are already engaged and reading your content. More likely to subscribe and take action. So, better to trigger this overlay after a delay of 20-30 seconds from the time the user lands on your blog page.
Landing pages: Visitors are exploring offers. This is the right chance to capture their early interest. Recommended to trigger the overlay when the user pretends to exit the page.
E-commerce websites: Trigger the overlay with an additional percentage of OFF in the price tag, or provide them with vouchers, coupons, etc.
Portfolio websites: A great chance to build personal trust and credibility.

Hope these sections are the best choices to trigger an overlay come under this category.

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

Lead collection overlay

A simple UI design for a lead collection overlay that captures user data and adds them to a newsletter list, allowing you to keep them updated with timely releases and information.

Variants:

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 this overlay component from the copy button above.

Sign in may required if you cannot perform the copy action.

Once the component is copied to your clipboard, open the Framer project.

Choose the page you want to trigger this overlay and paste.

Then adjust the trigger properties, content, structure, etc.

Don't forget to add proper linkings to the buttons on the UI. The "Sign Up" button to the sign-up page, and the "Next time" button to close the overlay.

Creating a new variant for the dismiss action is also recommended.

However, for simple management, use the in built properites available with the overlay control panel. That is, dismiss on Auto or Click.

Check out more collections of overlays.

Have any queries about this component? Contact us now.

Where to use?

Highly recommended to use these types of overlays on the pages or websites mentioned below.

Blog page: Where users are already engaged and reading your content. More likely to subscribe and take action. So, better to trigger this overlay after a delay of 20-30 seconds from the time the user lands on your blog page.
Landing pages: Visitors are exploring offers. This is the right chance to capture their early interest. Recommended to trigger the overlay when the user pretends to exit the page.
E-commerce websites: Trigger the overlay with an additional percentage of OFF in the price tag, or provide them with vouchers, coupons, etc.
Portfolio websites: A great chance to build personal trust and credibility.

Hope these sections are the best choices to trigger an overlay come under this category.

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.

Support

If you need any further support related to this specific component or section, please send an email to hello@framerstacks.com

One of our customer support team members will get in touch with you within 24 hours.

To report an issue with the product, purchase, functionality, submit a ticket.

Just like more components

Subscription overlay

Mar 16, 2026

Copy

A light themed warning overlay UI design.

Warning overlays

Mar 14, 2026

Copy

A light themed centre align dialogue overlays with action buttons.

Overlays with multiple buttons

Mar 13, 2026

Copy

Centre align overlay

Mar 12, 2026

Copy

The FAQs

Have questions? We got you…

Everything you need to know about our product and billing.

What is Framerstack?

Is there a free plan available?

What about the refund policy?

How I can avail my user license?

Still have questions? Or can't find the right answer? Please contact us. One of our customer support team members will get in touch with you.

Join to the community

Stay in the loop with everything you need to know.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.