A create-resource screen built from radio card groups: plan cards with prices and features, region cards with latency bars and one at capacity, and compute size cards that lock on the free plan. A sliding selection outline moves between cards, a monthly or yearly switch reprices everything, and a summary with an animated total creates the database.
pnpm dlx shadcn@latest add "https://reactframe.com/r/radio-group-cards.json"