Max
Upgrade Panel
A two-column upgrade flow: a stacked plan-card deck that reorders with a spring as you switch plan tabs, a billing-cycle toggle with a savings chip, and a live order summary whose total rolls with a blur trail. Dot navigation, aria-pressed controls, and a plan-aware CTA included.
CardReactMotionTailwind CSSPhosphor Icons
Manual
Create a file and paste the following code into it.
Update the import paths to match your project setup.
Similar components
Resource details
PublishedJuly 12, 2026
CategoryCard
ReactMotionTailwind CSSPhosphor Icons
Unlock with MaxResource details
PublishedJuly 12, 2026
CategoryCard
ReactMotionTailwind CSSPhosphor Icons