Home

Library

Overlays

Search a component or section

Last updated on:

Updated on:

March 13, 2026

Available variants

Dark themed centre align dialogue overlays with action buttons.

Light themed centre align dialogue overlays with action buttons.

Overlays with multiple buttons

This is a clean, centered confirmation modal designed to instantly notify users when a transaction or order has been successfully completed.

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 by using the button above.

If the button is disabled, sign in and try again.

Open your Framer project, select the element you want to trigger this overlay.

Enable Framer overlays. Make sure the layer has a layout property.

Then paste the component into your overlay layer, or create a code file and paste the React code (if you're using the code component).

Customize the content, color theme, icon, button styling, links, etc.

Check out more overlay collections.

Have a question? Just get in touch with us here.

Where to use?

This overlay component is ideal for:

E-commerce checkout confirmations

Subscription purchase confirmations

Payment gateway success messages

Order tracking prompts

Account upgrade confirmations

Note: Based on the style and content used inside this overlay, the purpose may vary.

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

Overlays with multiple buttons

This is a clean, centered confirmation modal designed to instantly notify users when a transaction or order has been successfully completed.

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 by using the button above.

If the button is disabled, sign in and try again.

Open your Framer project, select the element you want to trigger this overlay.

Enable Framer overlays. Make sure the layer has a layout property.

Then paste the component into your overlay layer, or create a code file and paste the React code (if you're using the code component).

Customize the content, color theme, icon, button styling, links, etc.

Check out more overlay collections.

Have a question? Just get in touch with us here.

Where to use?

This overlay component is ideal for:

E-commerce checkout confirmations

Subscription purchase confirmations

Payment gateway success messages

Order tracking prompts

Account upgrade confirmations

Note: Based on the style and content used inside this overlay, the purpose may vary.

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

Just like more components

A light themed warning overlay UI design.

Warning overlays

Mar 14, 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.