Popup & Notification Blocks based on shadcn/ui
Interactive onboarding popup with multiple radio options including account setup, product features, billing questions, and technical support. Features close button and call-to-action for getting started. Perfect for user onboarding flows.
Welcome! How Can We Assist You?
We're here to help you get started smoothly. Please select the option that best describes your onboarding needs:
import IntroductoryPopup from "../introductory-popup"
export default function IntroductoryPopupPage() {
return <IntroductoryPopup />
}
GDPR-compliant cookie notification with customizable settings and accept all options. Features centered text and dual action buttons for cookie preferences. Perfect for compliance notifications.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROCookies Notification
We use cookies to enhance your browsing experience and provide personalized content. By continuing to use this website, you consent to our use of cookies in accordance with our Cookie Policy. You can manage your cookie preferences by clicking "Settings."
import NotificationPopup from "../notification-popup"
export default function NotificationPopupPage() {
return <NotificationPopup />
}
Visually engaging announcement featuring large header image, star icon, and dual action buttons. Perfect for product updates, new features, and promotional announcements with dismissible option.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PRO
Discover what's new!
We're excited to introduce our latest update, packed with exciting features and improvements.
import PopupWithImage from "../popup-with-image"
export default function PopupWithImagePage() {
return <PopupWithImage />
}
Critical action confirmation with warning icon, detailed consequences explanation, and step-by-step instructions. Features destructive action button and cancel option. Perfect for account deletion and irreversible actions.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROAccount Deletion Request
Please be aware that deleting your account is irreversible and will result in the permanent removal of all your data, preferences, and history with our service.
Step 1
Review and understand the consequences of account deletion to ensure you have a clear understanding of what you are deleting.
Step 2
If you have any subscriptions or ongoing services, ensure they are canceled to avoid future charges.
import SimpleRequestPopup from "../simple-request-popup"
export default function SimpleRequestPopupPage() {
return <SimpleRequestPopup />
}
Newsletter subscription form with name and email fields, close button, and full-width submit button. Perfect for email capture, newsletter signups, and marketing campaigns with clear call-to-action.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROSubscribe for updates
Join our newsletter to receive exclusive content and special offers directly in your inbox.
import SubscribePopup from "../subscribe-popup"
export default function SubscribePopupPage() {
return <SubscribePopup />
}
Success confirmation with check icon, congratulatory message, and social media follow buttons (Twitter, Dribbble, GitHub). Perfect for upload confirmations, task completion, and engagement prompts.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROUpload Complete!
Your file has been successfully uploaded. Thank you for sharing it with us.
Follow us:
import SuccessPopup from "../success-popup"
export default function SuccessPopupPage() {
return <SuccessPopup />
}
Minimal welcome message with centered text, close button, and prominent join community CTA. Perfect for first-time visitors, promotional announcements, and community engagement with simple, focused message.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROWelcome to Creative Tim UI!
Join thousands of developers creating amazing experiences. Get access to exclusive resources, updates, and special offers.
import WelcomePopupWithCta from "../welcome-popup-with-cta"
export default function WelcomePopupWithCtaPage() {
return <WelcomePopupWithCta />
}