Pay what it is worth to you

Every tier gets identical software — no locked features, no seat limits. The higher tiers pay for the people who cannot, which is how this stays available to everyone.

USD per month
$2$100

Where people land

Supporter
31%
Standard
52%
Patron
17%

Change the amount or pause it any time, from settings, without emailing anyone.

">

The prompt

Create a pay-what-you-can pricing block with Tailwind CSS for an independent or open-source product. Centre a max-w-2xl card with a heading, a paragraph explaining the software is the same at every price and the higher tiers fund the lower ones, and a row of three preset amount cards — Supporter, Standard and Patron — each with a monthly figure, a one-line description of who it is for, and a small label; the middle one is preselected with a neutral-900 border. Under them, a custom amount row with a currency addon and a numeric input, plus a slider tied to the same value. Then a distribution strip showing three thin bars labelled with the share of users at each tier. Finish with a dark button whose label carries the chosen amount and a muted line saying the price can be changed or paused at any time, no questions asked.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .