Introducing the new Chameleon: Your Self-Improving Product System
Introducing the new Chameleon: Your Self-Improving Product System
Back To Inspiration

Modals

Steal these high-performing modal patterns for onboarding, announcements, and UI updatesโ€”designed to guide, not annoy.

A folder view in Zapier with a modal in the top right announcing a new feature. The modal includes a preview image of what the feature produces.
Zapier's Feature Announcement Modal
A small modal appears in the bottom-right corner of the Cowork home screen, prompting users who haven't connected any tools to kick off a guided setup process. The card shows a padlock illustration and a 'Let's go' CTA button.
Claude's Cowork Setup Modal
A folk CRM onboarding screen asking users to provide personal details, choose between Team or Personal CRM use, name a workspace, and select intended use cases.
Folk's Onboarding Walkthrough
A feature update announcement modal in the Rydoo expense management app, with a media preview and a
Rydoo's Feature Update Modal
Walnut's onboarding modal prompting a user to request access to their organization's account, with an 'Ask to join' CTA.
Walnut's Onboarding Modal
A Wellfound upsell modal introducing an AI recruiter feature, with a
Wellfound's Upsell Modal
A Figma feature announcement modal presenting multiple new product launches in color-coded blocks
Figma
A Typeform in-app upsell for a companion product, with a video preview and CTA buttons
Typeform's Upsell Coachmark
A Spotify modal announcing a new personalized playlist feature, with playlist cover art alongside a curiosity-driven headline and a 'Get Yours' CTA.
Spotify's New Playlist Modal
Loom's upsell modal over a dimmed video editor, with the heading 'Your Loom AI trial is ending' and a purple 'Upgrade' button.
Loom's Upsell Modal
A feature update announcement modal in Vitally's dashboard, with a dimmed background and a 'Got it!' dismiss button
Vitally's Feature Update Modal
Clay's onboarding checklist modal overlaying a company data table, with credit rewards displayed for completing the remaining steps.
Clay's Guided Modal
A Chameleon announcement modal on the Sentient Ascend platform, introducing a reporting feature update.
Sentient's Feature Update Modal
The Ahrefs billing page showing a cancellation retention flow that gives users the option to contact support in app before cancelling their plan.
Ahrefs Cancellation Flow
A churn-deflection modal on Zapier's account deletion page, offering a retention incentive for small businesses affected by COVID-19.
Zapier Cancellation Flow
A Zoom churn deflection modal warning users about data they'll lose by canceling their subscription.
Zoom Churn Deflection Modal
The opening step of a multi-step product tour on Mailgun's dashboard announcing a UI redesign, with a preview of the new interface.
Mailgun Product Walkthrough
airtable user onboarding modal
Airtable User Onboarding Modal
A step in a Product Hunt feature announcement tour introducing an update to maker profiles.
Product Hunt Feature Tour
joy feature onboarding modal
Joy Feature Discovery Modal
Heap Design Change Modal
Heap Redesign Announcement
HubSpot Design Change Management Modal
HubSpot Redesign Announcement
Jet Cart Abandonment Modal
Jet Cart Abandonment Modal
LinkedIn Design Change Modal
LinkedIn Redesign Tour Modal
Mixpanel Beta Invite Promotion
Mixpanel Beta Invite Promotion
QuickBooks Feature Announcement Modal
QuickBooks Feature Announcement Modal
A Stripe feature announcement modal introducing a product overhaul, with three benefit descriptions and a documentation link.
Stripe New Product Launch Modal
Stripe Release Notes Modal
Stripe Release Notes Modal
Instagram Notification Permission Modal
Instagram Notification Permission Modal
Quartzy user onboarding tooltip
Quartzy Taxonomy Modal
dropbox design change modal
Dropbox Design Change Modal
Elevio Onboarding Modal
Elevio Onboarding Modal
Facebook Ads UI Redesign Announcement Modal
Facebook Ads Redesign Announcement
Fiverr Feature Redesign Modal
Fiverr Feature Redesign Modal
amplitude product redesign tour
Amplitude Redesign Announcement
bitly upsell modal
Bitly Upsell Modal
A Chameleon onboarding modal on Quartzy's lab management platform, welcoming new users and restating the product's value proposition.
Quartzy Product Tour
eventbrite onboarding modal
Eventbrite Onboarding Modal
An in-app modal on Airbnb's website announcing a navigation and layout redesign, with 'Take a look!' and 'Skip' buttons.
Airbnb Design Change Modal
chartio welcome modal
Chartio Welcome Modal
coinbase user onboarding modal
Coinbase Onboarding Modal
gmail design change modal
Gmail Design Change Modal
google sheets feature announcement modal
Google Sheets Feature Announcement Modal
A modal on the Help Scout website featuring an image, a 'New to Help Scout?' heading, and an 'Attend a Live Demo' button, overlaid on the app interface.
Help Scout Demo Modal
A Sift Science welcome modal with an illustration, a heading, a brief description, and a 'Get Started with Sift' CTA.
Sift Science Welcome Modal
1password user onboarding modal
1Password User Onboarding Modal
facebook ads product tour example
Facebook Ads Product Tour
hotjar lightbox modal
Hotjar Lightbox Modal
Reddit Modal Survey
Reddit Modal Survey
the telegraph adblock modal
The Telegraph Adblock Modal
zenefits feature announcement modal
Zenefits Feature Launch Modal
zendesk demo request modal
Zendesk Demo Request Modal
A great example from Mixmax on how you can acquire new users from current users' communities using a modal pop-up prompt for the preview user with a clear CTA
Mixmax Signup Modal
OpenView Lead Capture Modal
OpenView Lead Capture Modal
angellist product launch announcement modal
AngelList Product Launch Modal
buffer product tour modal
Buffer Product Tour Modal
chartmogul feature gate upsell modal
ChartMogul Feature Gate
A floating Crunchbase feature announcement popup in the lower-right corner of a company profile page, with an illustration and explore or dismiss options.
Crunchbase
drt email capture modal
DRT Email Capture Modal
Mixpanel Feature Announcement Modal
Mixpanel Feature Modal
paperless post feature adoption modal
Paperless Post Modal
prosperworks feature announcement modal
Prosperworks Modal
asana upsell modal
Asana Upsell Modal
calendly feature toggle modal
Calendly Feature Toggle Modal
canva premium feature prompt
Canva Premium Feature Prompt
canva upsell modal
Canva Upsell Modal
clockshark video modal
Clockshark Video Modal
eventbrite integration modal
Eventbrite Integration Modal
evernote download prompt modal
Evernote Download Prompt
A step in a Facebook Ads product tour announcing custom dashboards, with an illustration.
Facebook Ads New Feature Modal
Google Adwords Product Walkthrough
Google Adwords Product Walkthrough
google calendar rebrand announcement
Google Calendar Rebrand Announcement
Later modal product tour
Later Modal Product Tour
MailChimp feature announcement modal
MailChimp Feature Announcement
MailChimp product announcement
MailChimp Product Announcement
PicMonkey product tour
PicMonkey Product Tour
PicMonkey video onboarding modal
PicMonkey Video Modal
An example of Prosperworks release notes modal
Prosperworks Release Notes Modal
quora social proof modal
Quora Social Proof Modal
StackOverflow modal tour
StackOverflow Modal Tour
Twitter notifications permission request
Twitter Permission Request Modal
Twitter Ads modal product tour
Twitter Ads Modal Tour
Vimeo onboarding modal tour
Vimeo Modal Tour
Zest Welcome Modal
Zest Welcome Modal
YouTube welcome modal
YouTube Welcome Modal
mixpanel product tour modal
Mixpanel Product Tour Modal
4.4 stars on G2

Create a Chameleon account to start using these modal templates

Youโ€™ll need a business email to get started