Skip to main content
Most monetization on this page works the same way: you drop in a link to a service you already use (a checkout page, a booking page, a donation platform), and 21st.dev surfaces it to the right audience at the right moment. The one exception is selling a template on 21st itself: for those listings, checkout, delivery, and your payout are handled here (see Get Paid by 21st). This page covers all of it.
Components stay free. There’s no price field on individual components — monetization applies to templates (one-time paid listings) and to blocks on your public profile (hire, donate, pro catalog). If you want to sell a component-like product, package it as a template instead.

Sell a Template

Templates are the only catalog item that supports a price. Each template has its own Price and Buy / download URL.
1

Open your template

In Studio, go to your Templates list and open (or create) the listing.
2

Set a price

Enter a Price (USD). Leave it at 0 to keep the template free.
3

Add a buy link

Set Buy / download URL to wherever the purchase actually happens — your own Gumroad/Lemon Squeezy/Stripe Payment Link, or a page on your own site.
A listing you create is bought on your own site. You set a price and a Buy / download URL; a visitor who clicks buy sees a disclaimer confirming they’re leaving 21st.dev, then lands on your storefront. You’re responsible for delivery, receipts, and refunds. To sell with checkout on 21st instead, see Get Paid by 21st below.
If your buy link already carries an affiliate/referral parameter for a third-party vendor (for example a template marketplace that pays you ?via=yourname), set that same URL as your Pro components link (see below) — 21st.dev automatically appends your referral parameter to that template’s buy link so you still get credit.

Get Paid by 21st

Some templates are sold on 21st.dev itself: card checkout on the template page, instant download, no redirect. For these listings 21st handles the payment and pays you your share.
1

Upload the code

Attach your template’s code to the listing: a zip in the Studio editor, or 21st template publish from the CLI. Hosted delivery is what makes on-site checkout possible.
2

Price it

The minimum price is $3. As you type a price, the editor shows exactly what you receive per sale.
3

Get released for sale

After review, listings are released for sale individually. This is not self-serve yet: write to support@21st.dev to have your template considered.
Your share. You receive 70% of what’s left after the card fee; on a 39salethat′s39 sale that's 26.30. The split is locked in at purchase time, so a later price change never restates a sale already made. Payouts. Each sale’s share stays on hold for 30 days (the refund and chargeback window), then joins your available balance. Once the cleared balance reaches 50∗∗,apayoutcanbepreparedin∗∗USDC∗∗andreleasedbythe21stteam.Twothingssetitupin∗∗Studio→Earnings∗∗.First,wherethemoneygoes:an∗∗email∗∗,wherethepayoutprovideronboardsyouandcashesoutinyourlocalcurrency,ora∗∗walletaddress∗∗on∗∗Base∗∗or∗∗Polygon∗∗.Second,a∗∗taxform∗∗,signedonceinthestudio:aW−9ifyoupaytaxintheUS,otherwiseaW−8BENorW−8BEN−E.Sellingneverwaitsforeitherofthem,onlythepayoutdoes,soyourbalanceaccruesfromthefirstsale.Forawalletaddressthereisoneextrastep:a∗∗50**, a payout can be prepared in **USDC** and released by the 21st team. Two things set it up in **Studio → Earnings**. First, where the money goes: an **email**, where the payout provider onboards you and cashes out in your local currency, or a **wallet address** on **Base** or **Polygon**. Second, a **tax form**, signed once in the studio: a W-9 if you pay tax in the US, otherwise a W-8BEN or W-8BEN-E. Selling never waits for either of them, only the payout does, so your balance accrues from the first sale. For a wallet address there is one extra step: a **1 test goes out before your first payout and you confirm it arrived, because an address is valid on every network and only you can see the destination. The same page shows your sales and payout history, including the destination and transaction link or payment reference. Payout status. Preparing means the payout is being arranged and its amount remains in your available balance. Submitted means the transfer has been sent and is awaiting confirmation. Confirmed means the transfer has been confirmed. The Sent total includes submitted and confirmed transfers. A failed transfer returns eligible sales to your available balance; refunded sales are excluded. Email notifications. For templates sold on 21st, we email the address on your 21st account when you make a new sale and when a payout is confirmed. The sale email includes your share and hold end date; the payout email includes the amount, destination, and transaction details. Both link to Studio → Earnings. These notifications go to your account email, which can be different from your payout email. Refunds. A refund or chargeback revokes the buyer’s download access. Before a payout is sent, it also removes that sale’s share from your balance. If the payout has already been sent, the transfer remains in your payout history and the sale is marked as refunded. If a dispute is resolved in your favor before payout, download access is restored and your share starts a new 30-day hold. Buyers keep lifetime access to what they bought and can re-download any time from Settings → Purchases.

Components Are Free-Only

There is currently no price field, checkout, or paid tier for individual components — only templates carry a price. If you want to monetize component-style work, publish the free version to build reach, and link your paid catalog using the Pro components block below. Component visibility is separate from selling. Published components remain free to visitors. Private personal components remain visible only to their owner, while private components in an active Team workspace are available to its members. Private content is not a paid listing and has no customer checkout.

”Work with Me” Block

A hire-and-contact card that renders on your public profile (21st.dev/@you). Configure it in Studio → Profile → Work with me. Fields (all optional — the block only appears once at least one is filled in):

Get Tipped or Sponsored

A “Support” block for one-time tips or recurring sponsorship. Configure it in Studio → Profile → Donation by pasting a Donation link. Only links to known donation platforms are accepted:

GitHub Sponsors

Buy Me a Coffee

Ko-fi

Patreon

PayPal / PayPal.me

Open Collective

Liberapay, Boosty, Stripe Payment Links (buy.stripe.com / donate.stripe.com), and Lemon Squeezy links are also accepted even though they’re not called out in the field’s helper text.
When a visitor clicks Support, they see your avatar, bio, and stats, then confirm a disclaimer (“21st doesn’t process payments or issue refunds”) before being redirected to your donation platform in a new tab. The tip itself happens entirely on that platform — 21st.dev only surfaces the link and shows a click count in your Studio analytics.
If you sell components or templates elsewhere — your own shop, a template marketplace, a Gumroad store — add that link under Studio → Profile → Pro components. It renders as a “Pro components” block on your profile pointing at your premium catalog.
The profile block named Pro components is an outbound link to your own premium catalog. It is not tied to a 21st plan and does not change who can view your published 21st components.
If this URL includes a referral/affiliate query parameter (e.g. ?via=yourname), 21st.dev reuses it: any affiliate parameter found in your Pro components link is automatically appended to your own templates’ buy links, so a template sale you drive through 21st.dev still credits your referral.

Arrange the Blocks

Studio → Profile → Layout & visibility controls which of the four profile blocks (Featured, Work with me, Pro components, Donation) are shown and in what order. Toggle any block off if you’d rather not display it, and drag to reorder — for example, put Work with me above Donation if you’d rather visitors hire you before they tip you.

What’s Not There (Yet)

  • No price/checkout on individual components — templates only.
  • The profile blocks (hire, donation, pro catalog) never move money through 21st: each of those flows ends at a service you control. Templates sold on 21st are the exception, paying out as described in Get Paid by 21st.
  • Builder and Team subscriptions pay for 21st access. Builder can enable AI with a monthly credit allowance, and Team Builder + AI seats include monthly generation credits. These plans are not a way for authors to receive money. Use the Donation block or an external premium catalog for that.