Shadcn.io is not affiliated with official shadcn/ui
Success Trial Started
React success block for SaaS trial initiations in Next.js with a countdown to first billing, feature checklist, and immediate next steps using shadcn/ui and Tailwind CSS.
Start your user's journey on the right foot with this 'Trial Started' React block. It provides a clear, high-signal summary of when the trial ends, what features are unlocked, and a checklist of immediate next steps to ensure successful onboarding. Built with a monochrome aesthetic and staggered framer-motion entrances, it bridges the gap between signup and product engagement. Perfect for PLG (Product-Led Growth) SaaS, developer tools, and consumer apps.
Related Components
Payment Confirmed
Receipt and download
Subscription Upgraded
Tier benefits unlocked
Plan Downgraded
Muted acknowledgment
Refund Processed
Return to bank timeline
Credit Added
Wallet balance updated
Bulk Purchase
Seats added summary
FAQ
Was this page helpful?
Sign in to leave feedback.
Timeoff Approved
An operational success state for employee time-off requests featuring calendar dates and OOO automation status, built with React, Next.js, and shadcn/ui.
Tutorial Finished
A clean success block for users who complete a product tour or educational tutorial, featuring a summary of learned concepts and a direct path to the dashboard, built with React, Next.js, and shadcn/ui.