shadcn.io is an independent project built on shadcn/ui
Installation
Overview
Sell a repeat order on one product with this subscription product card for Solid with Ark UI. A drawn greyscale crate holds four pantry items. A segmented choice switches between One-time, Every 4 weeks and Every 8 weeks; the subscribe price is 15% under, with the usual price struck through, and a list of "Next deliveries" holds three dates counted in UTC days from a typed first delivery (one date for a one-time order). "Skip or cancel any time" is said in words. The single Shine Button says what you pay and turns into "Added" with an Undo. Guides rule the bands. For goods that are reordered.
FAQ
Where do the delivery dates come from?
From the typed FIRST date plus 28 or 56 days per delivery, added as whole UTC days so every viewer sees the same list. Swap it for your scheduler's next dates.
How is the subscribe price worked out?
subscribedCents takes OFF percent from the crate's price in cents and rounds once. A one-time order pays the full price.
What stays local, and how do I wire it for real?
The rhythm and the bag are page state; nothing is scheduled. Nothing is stored, charged or sent. Create the subscription on your billing service and show its real next dates in the list.
