Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Subscription Renewed Notification Block

A subscription renewal confirmation notification block for React and Next.js with payment details, plan summary, next renewal date, and view invoice and manage plan actions built with shadcn/ui and Tailwind CSS

Confirm successful subscription renewals with this notification block for React and Next.js. Features a CheckCircleIcon success indicator with emerald accent, plan name and amount charged, masked payment method with last four digits, next renewal date, and action buttons for viewing the invoice or managing the subscription plan. Built with TypeScript, shadcn/ui Button components, Framer Motion staggered entrance animations, and Tailwind CSS. Perfect for SaaS billing dashboards, subscription management interfaces, and payment confirmation screens.

Subscription Renewed Notification Block preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.