Every layer of your product, ready to ship

Components you install with one command, plus landing pages, full-stack projects, apps, desktop software and scripts — previewed live, checked before release, and paid for in USDT, straight to the developer who built them.

Free to joinPaid in USDT0% commission

Animated Pricing Table·Component by Nadia Rahimi

Animated Pricing Table

Component · by Nadia Rahimi

Install

Details

Kind
Component
License
upfork Standard
Price
9 USDT
Revision
r12 · preview built
Works with
React 19 · Tailwind 4
Updated
3 hours ago

Built with the tools you already ship

How it works

From live preview to your codebase in one command

Every product runs live on its own page. Free ones are yours on the spot, paid ones settle in USDT, and a single command puts the code where it belongs.

  1. 01

    Preview it live

    Components and pages run in a sandboxed preview: light or dark, at phone, tablet or desktop width, with the code one tab away.

  2. 02

    Take it free, or pay in USDT

    Free products are yours with a free account. Paid ones take the same account: send USDT on TRON to the developer's own wallet, paste the transaction ID, and it's checked on-chain.

  3. 03

    Install it in one command

    The shadcn CLI drops a component and its dependencies into your project. Everything else downloads with a checksum.

From the catalog

Fresh from the workshop

Browse everything

Built on trust

Every product checked, every payment direct

Developers are approved by a person, releases are scanned and checksummed, previews run in a sandbox, and your money goes straight to whoever built the thing.

Browse the catalog

Find it in seconds

Search titles, summaries and tags, then narrow the catalog by kind, by price and by more than 120 categories.

Releases, reviewed before they ship

Every file is scanned for malware and fingerprinted with SHA-256, and developers' releases wait for a person to approve them.

A shelf for everything

Heroes, pricing tables, CRMs, icon sets: the side menu has more than 120 categories to browse.

“Developers should keep what they earn. So upfork takes nothing: every USDT goes straight to the wallet of the person who built it.”
upforkOur one rule about money

Read it before you buy

Paid code lists its files up front and unlocks the moment you pay. The live preview is always open.

A prompt for your AI

One click copies the code, its dependencies and a demo as a ready-made prompt for your AI coding assistant.

Approved developers only

Everyone who sells here was approved by a person, after a look at their work on a GitHub account or website they proved is theirs.

For developers

Sell your work and keep every cent

Publish components, templates, apps and scripts from one panel. Buyers pay your own wallet, and the whole price is yours the moment it confirms.

upforkDeveloper

Animated Pricing Table

DetailsCode & previewScreenshotsReleases Preview built · r12Save revision
pricing-table.tsxdemo.tsxuse-billing.ts
1"use client";
2
3import { useState } from "react";
4import { Button } from "@/components/ui/button";
5
6export function PricingTable({ plans }: Props) {
7 const [yearly, setYearly] = useState(true);
8
9 return (
10 <section className="grid gap-4 md:grid-cols-3">
11 {plans.map((plan) => (
12 <PlanCard key={plan.id} price={price(plan, yearly)} />
13 ))}
14 </section>
15 );
16}
17
18// Every number animates when the toggle flips.
Open

Simple, honest pricing

MonthlyYearly −20%

Starter

$9 /mo

  • 1 project
  • Community support
  • All components
Choose Starter

Pro

$24 /mo

  • Unlimited projects
  • Priority support
  • Figma files
Choose Pro

Team

$79 /mo

  • 10 seats
  • Shared library
  • Audit log
Choose Team
  • 0% commission
  • Paid to your own wallet
  • Approved developers only
Apply to sell

By design

Built so the money goes where the work is

No platform cut, no payout threshold, no waiting: upfork never holds the money, so there's nothing to hold back.

0%
Commission on a sale, whatever the price.
1
Command installs a component and its dependencies.
10 min
Lifetime of a download link. It resumes, then it's gone.
6
Kinds of product, from UI blocks to desktop apps.
₮+ 29 USDTto your wallet · just now
  • Component authors

    Publish to the shadcn registry; buyers install with one command.

  • Template makers

    Whole landing pages, previewed live at every screen width.

  • App & desktop developers

    Versioned releases per platform, scanned and checksummed.

  • Script writers

    Small tools that save hours, sold for the price of a coffee.

Accounts

One marketplace, three ways in

Browse as a guest, take free products and buy with a free account, or get approved and sell. None of it costs a thing.

Show one way in

Guest

FreeNo account

Browse, and try every live preview

Browse the catalog

MemberMost buyers

FreeA free account

Every purchase in one place

Create an account

Developer

0%Approved sellers

Commission on every sale

Apply to sell

Buying

Getting products, free or paid

Browse and try live previewsEvery product page, with its live preview in the page: light or dark, at phone, tablet or desktop width.
Open demos in a tab of their ownThe live preview filling a tab, and the developer's own demo site.
Free products, no checkoutMembers download or install free products straight away, with no checkout.
Buy paid products in USDT (TRC-20)Buying needs a free account. You pay straight into the seller's wallet on TRON and paste the transaction ID, which is checked on-chain.
Pay in partsEvery confirmed payment counts towards the order; while some of the price is still due, the order asks for the rest.
Orders and paymentsA member's orders live in their account, with every payment's transaction ID and every file.
Your account
Your account
Likes and bookmarksLike products to keep them on your bookmarks page.

Installing

Getting the code into your project

Free components with the shadcn CLIWith the personal CLI token you create on your account page, the same way as paid ones.
Paid components with the CLIPaid components install with a personal CLI token you create on your account page.
Source ZIPs and release downloadsEvery file you're entitled to, through a private download link.
Download linksEach link lasts ten minutes and resumes if the download is interrupted.
10 min
10 min
A prompt for AI coding toolsThe code, its dependencies and a demo, as a ready-made prompt for your assistant.

Selling

Publishing your own work

Publish productsComponents, landing pages, full-stack projects, apps, desktop software and scripts.
Commissionupfork takes nothing from a sale: the whole price is yours.
—
—
0%
Your own TRC-20 walletBuyers pay your address directly. Changing it takes your password.
Sales, transfers and claimsSee every order and every transfer, and decide your buyers' claims yourself.
A public developer profileA page with your bio, your links and your products.

Safety

What protects everyone

Sandboxed live previewsPreviews run on an origin of their own and can't reach the site or your account.
A SHA-256 for every fileCheck what you downloaded against the checksum on the product page.
Malware-scanned releasesRelease files are scanned before anyone can download them.
Sign out everywhere on a new passwordChanging your password ends every other session at once.

Kind words

Loved by people who ship

From weekend projects to agencies with a dozen clients: what buyers and developers say after their first order or their first sale.

  • Parisa NajafiFront-end developer
    “I read the code in my editor before I paid, flipped the preview to dark mode, and had it in the app the same afternoon.”
  • Daniel KellerIndie hacker
    “Paid 9 USDT for a pricing table at midnight and had it in my repo by five past. No card, no forms: I pasted the transaction ID and it unlocked.”
  • Installs with the shadcn CLI

    npx shadcn add, and the code is yours to change.

  • Leila HaddadDesktop developer
    “Every release I upload is scanned and checksummed before anyone downloads it. People trust the installer because the boring checks are done.”
  • Mateo RuizFreelance designer
    “The phone-width preview sold me. I could see exactly how the landing page folded up before I spent a cent.”
  • Sara LindqvistTemplate author
    “Zero commission sounded like marketing until my first sale landed in my own wallet, in full, a minute after the buyer hit send.”
  • Kian MoradiAgency lead
    “We keep a short list of upfork blocks for client work. One command per project, and the license is spelled out on the page.”
  • Paid in USDT on TRON

    Straight to the developer's wallet, in full.

  • Nadia RahimiComponent author
    “The review took a day. Since then I publish a revision, the preview rebuilds itself, and buyers pull the update through the CLI.”
  • Arash PahlavanBack-end engineer
    “Bought the starter kit for the billing wiring alone. Checked the SHA-256 on the ZIP out of habit, and it was right there on the page.”

FAQ

Questions, answered

How buying, paying, installing and selling work. Still stuck? Every product page has its developer’s profile, and the Sell page explains the rest.

Buying

Hand-built software of six kinds: React and Tailwind components, landing pages, full-stack projects, apps, desktop software and scripts. Plenty of it is free; the rest is paid for in USDT.

Yes, a free one: it keeps every order, each payment you make for it, your files and your CLI tokens together. Free products take it too. Without an account you can browse and try the live previews, but not download, install or copy anything.

Yes. Components and landing pages run in a live preview on their page, light or dark, at phone, tablet or desktop width. Paid code lists its files up front and unlocks once you buy.

Each product shows its license. upfork's Standard License lets you use it in unlimited personal and commercial projects, just not resell it on its own; others use open licenses such as MIT.

Payments

Your order shows the price and the seller's TRON address, with its QR code. Send the price as a USDT transfer on TRON (TRC-20), then paste its transaction ID on the order: it's looked up on-chain, and the files unlock once it's confirmed, about a minute after you send it.

Less is fine: what you sent counts, and the order asks for the rest, which you send the same way. More can't be refunded by upfork, because the money goes straight to the seller, so send the amount due and no more.

USDT sent on another network (ERC-20, BEP-20 …), any other token, or to another address never reaches the seller and can't be recovered. That's the buyer's responsibility, which you accept before you order.

Never. You pay the seller's own wallet directly: upfork takes no commission and keeps no private keys, so there's nothing in between to hold on to.

Installing

With the shadcn CLI: npx shadcn@latest add @upfork/ followed by the product's name. Every install uses the personal CLI token you create on your account page, free components and paid ones alike.

Each download button makes a private link that lasts ten minutes and resumes if it's interrupted. Every release file shows its SHA-256, so you can check what you got.

Developers' releases are reviewed before they go out, and their files are scanned for malware. Live previews run sandboxed on an origin of their own, so they can't reach the site or your account.

Selling

Developers the admin has approved after looking at their work. Apply from the Sell page: prove your GitHub account or your website is yours (a code in a gist, or a small text file on your site), add your resume if you like, and a few words about what you build.

Nothing. There's no fee and no commission: buyers pay your own TRC-20 wallet, and the whole price is yours the moment the transfer confirms.

Components and landing pages install from upfork's shadcn registry. Everything else ships as versioned releases, with checksums and expiring download links.

Stop rebuilding what’s already built.

Take the free ones, pay for the rest in USDT, or sell your own work with no commission at all.