Files
nobswebdev 8d201527a9 Rebrand promo site as a crypto shop and refresh page copy.
Position NullCart as a multi-crypto self-hosted shop, expand the gallery to five screens, and tighten wording across hero, features, and roadmap sections.
2026-09-07 15:43:31 +02:00

723 lines
25 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="NullCart - free, self-hosted, privacy-focused crypto shop. Sell on clearnet and Tor."
/>
<title>NullCart - free self-hosted crypto shop</title>
<link rel="icon" href="assets/favicon.png" type="image/png" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header class="site-header">
<div class="site-notice">
<div class="container">
<p>
This site doesn't use JavaScript or cookies and is
<a
href="https://git.nobswebdev.com/nobswebdev/nullcart_promo_website"
target="_blank"
rel="noopener noreferrer"
>open source</a
>.
</p>
</div>
</div>
<div class="container site-header__inner">
<a class="logo" href="/">
<img
class="logo__img"
src="assets/logo.png"
width="200"
height="50"
alt="NullCart"
/>
</a>
<nav class="site-nav" aria-label="Main">
<a href="#features">Features</a>
<a href="#gallery">Gallery</a>
<a href="#demo">Live demo</a>
<a href="#source">Open source</a>
<a href="#roadmap">Roadmap</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<img
class="hero__watermark"
src="assets/favicon.png"
width="463"
height="539"
alt=""
aria-hidden="true"
/>
<div class="hero__content">
<p class="hero__badge">Free &amp; open source</p>
<h1>Self-hosted crypto shop</h1>
<ul class="hero__highlights" aria-label="Key features">
<li>Non-custodial</li>
<li>No JS</li>
<li>No accounts</li>
<li>Clearnet &amp; Tor onion</li>
</ul>
<p class="hero__sub">
Complete, privacy-focused crypto e-commerce solution. Built with a
mission to support the crypto economy.
</p>
<div class="hero__actions">
<div class="hero__actions-row">
<div class="link-group">
<span class="link-group__label">Repository</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://git.nobswebdev.com/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
</div>
<div class="link-group">
<span class="link-group__label">Live demo</span>
<div class="repo-links">
<a
class="btn btn--primary"
href="https://demo.nullcart.net/"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
</div>
<a class="btn btn--ghost" href="#features">See features</a>
</div>
</div>
</div>
</div>
</section>
<section class="section section--border">
<div class="container about">
<h2 class="section__title">What is NullCart?</h2>
<p>
NullCart is a free, open-source crypto shop you host yourself. You
run it on your server with built-in non-custodial wallets - no
payment processors in the middle. Buyers pay in crypto without
accounts, and the storefront runs without JavaScript. You manage
products and orders from a merchant CMS, on clearnet and Tor.
</p>
</div>
</section>
<section class="section" id="privacy">
<div class="container">
<h2 class="section__title">Privacy features</h2>
<p class="section__lead">
Privacy at every layer of the buyer experience.
</p>
<ul class="pillars privacy-features">
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Free and open
source
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> No JS on
buyer shop
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> No buyer
accounts
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Non-custodial
wallets
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Monero
supported
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Zero
third-party processors
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Own wallet
integration
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Encrypted
sensitive data
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Auto order
data wipe
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> Self-hosted
clearnet + onion
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> SimpleX
merchant alerts
</li>
</ul>
</div>
</section>
<section class="section section--border" id="features">
<div class="container">
<h2 class="section__title">Features</h2>
<p class="section__lead">
Everything you need to sell digital and physical goods with crypto.
</p>
<div class="features-grid">
<article class="feature-card feature-card--lead">
<svg
class="feature-card__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
</svg>
<h3>Privacy by design</h3>
<p class="feature-card__lead">
Your buyers don't need accounts. Your shop doesn't hoard their
data.
</p>
<ul>
<li>
No JavaScript on the buyer shop - no client-side scripts
</li>
<li>Works in Tor Browser strictest security mode</li>
<li>
No sign-up or profiles - orders open with a private access
token
</li>
</ul>
</article>
<article class="feature-card">
<svg
class="feature-card__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<circle cx="12" cy="12" r="10" />
<path d="M12 6v12M8 10h8M8 14h8" />
</svg>
<h3>Direct crypto payments</h3>
<p class="feature-card__lead">
Built-in crypto wallets. No third-party payment services.
</p>
<ul>
<li>
Payments go straight to your wallets - no custodial gateway
</li>
<li>
Per-order addresses with QR codes, live rates, and fiat
display
</li>
<li>You hold the keys - funds never touch a middleman</li>
</ul>
</article>
<article class="feature-card">
<svg
class="feature-card__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M3 9h18M9 21V9" />
</svg>
<h3>E-commerce features</h3>
<p class="feature-card__lead">
A full storefront for digital and physical goods - catalog,
cart, checkout, and fulfillment.
</p>
<ul>
<li>
Product catalog, categories, and variants with image galleries
</li>
<li>Shopping cart, checkout, and discount codes</li>
<li>
Auto-deliver digital goods and quote shipping for physical
orders
</li>
<li>
Order tracking, live payment status, and per-order buyer chat
</li>
<li>Custom branding - your logo, favicon, and shop name</li>
<li>
Prices shown in fiat, paid in crypto with live exchange rates
</li>
</ul>
</article>
<article class="feature-card">
<svg
class="feature-card__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
aria-hidden="true"
>
<rect x="2" y="3" width="20" height="14" rx="2" />
<path d="M8 21h8M12 17v4" />
</svg>
<h3>Self-hosted and yours</h3>
<p class="feature-card__lead">
Deploy on your VPS. Serve buyers on clearnet and Tor.
</p>
<ul>
<li>Step-by-step deployment guide in the repository</li>
<li>Docker Compose setup with HTTPS and onion address</li>
<li>
Merchant CMS for products, orders, wallet, and notifications
</li>
<li>SimpleX bot alerts you on new orders and messages</li>
</ul>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section__title">How it works</h2>
<p class="section__lead">
Three steps from zero to selling with crypto.
</p>
<ol class="steps">
<li class="step">
<h3>Deploy</h3>
<p>
Clone the repo, configure your server, and go live on HTTPS and
Tor.
</p>
</li>
<li class="step">
<h3>Set up your shop</h3>
<p>Add products in the CMS and upload your branding.</p>
</li>
<li class="step">
<h3>Sell</h3>
<p>
Buyers pay in crypto. You fulfill orders, chat when needed, and
get notified via SimpleX.
</p>
</li>
</ol>
</div>
</section>
<section class="section section--border" id="gallery">
<div class="container">
<h2 class="section__title">Gallery</h2>
<p class="section__lead">
Screenshots from a running NullCart instance.
</p>
<div class="gallery">
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-storefront"
aria-label="View larger storefront screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/storefront.png"
width="1469"
height="899"
alt="Storefront product catalog"
/>
</div>
</a>
<figcaption class="gallery__caption">
Storefront - product catalog
</figcaption>
</figure>
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-cart"
aria-label="View larger cart screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/>
</div>
</a>
<figcaption class="gallery__caption">
Cart - shopping cart
</figcaption>
</figure>
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-checkout"
aria-label="View larger checkout screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/checkout.png"
width="1469"
height="899"
alt="Checkout with crypto QR code"
/>
</div>
</a>
<figcaption class="gallery__caption">
Checkout - crypto payment with QR code
</figcaption>
</figure>
<figure class="gallery__item">
<a
class="gallery__link"
href="#lightbox-order"
aria-label="View larger order page screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/order.png"
width="1469"
height="899"
alt="Order page with encrypted chat"
/>
</div>
</a>
<figcaption class="gallery__caption">
Order page - status and encrypted chat
</figcaption>
</figure>
<figure class="gallery__item gallery__item--last">
<a
class="gallery__link"
href="#lightbox-cms"
aria-label="View larger CMS screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/cms.png"
width="1816"
height="902"
alt="Merchant CMS dashboard"
/>
</div>
</a>
<figcaption class="gallery__caption">
CMS - manage your shop
</figcaption>
</figure>
</div>
<div
id="lightbox-storefront"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Storefront product catalog"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/storefront.png"
width="1469"
height="899"
alt="Storefront product catalog"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-checkout"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Checkout with crypto QR code"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/checkout.png"
width="1469"
height="899"
alt="Checkout with crypto QR code"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-cart"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Shopping cart"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/cart.png"
width="1469"
height="899"
alt="Shopping cart"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-order"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Order page with encrypted chat"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/order.png"
width="1469"
height="899"
alt="Order page with encrypted chat"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
<div
id="lightbox-cms"
class="lightbox"
role="dialog"
aria-modal="true"
aria-label="Merchant CMS dashboard"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/cms.png"
width="1816"
height="902"
alt="Merchant CMS dashboard"
/>
<a class="lightbox__close" href="#gallery" aria-label="Close"
>&times;</a
>
</div>
</div>
</section>
<section class="section section--border" id="demo">
<div class="container">
<div class="cta-block">
<h2>Live demo</h2>
<p>
Try a running NullCart shop. Browse products, cart, and checkout.
Test payments on test networks.
</p>
<div class="repo-links repo-links--center">
<a
class="btn btn--primary"
href="https://demo.nullcart.net/"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
</div>
</div>
</section>
<section class="section section--border" id="source">
<div class="container">
<div class="cta-block">
<h2>Open source</h2>
<p>Inspect the code, run it yourself, no vendor lock-in.</p>
<div class="repo-links repo-links--center">
<a
class="btn btn--primary"
href="https://git.nobswebdev.com/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Clearnet</a
>
<a
class="btn btn--ghost"
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>Tor</a
>
</div>
<p class="cta-block__note">Deployment guide in the repo.</p>
</div>
</div>
</section>
<section class="section section--border" id="roadmap">
<div class="container">
<h2 class="section__title">Roadmap</h2>
<p class="section__lead">What's planned next for NullCart.</p>
<ul class="roadmap">
<li class="roadmap__item">
<h3>NullCart directory</h3>
<p>
A central website that lists all instances, with an advanced
rating system and space for the community.
</p>
</li>
<li class="roadmap__item">
<h3>More cryptocurrencies</h3>
<p>
Support for more coins over time, with the same non-custodial
wallet model.
</p>
</li>
<li class="roadmap__item">
<h3>More e-commerce features</h3>
<p>Expanded storefront, checkout, and merchant tools.</p>
</li>
</ul>
</div>
</section>
<section class="section section--border" id="contact">
<div class="container">
<h2 class="section__title">Contact</h2>
<p class="section__lead">
Questions, feedback, or collaboration - reach out.
</p>
<div class="contact-grid">
<div class="contact-card">
<h3>Email</h3>
<a href="mailto:nobswebdev@pm.me">nobswebdev@pm.me</a>
</div>
<div class="contact-card">
<h3>SimpleX</h3>
<a
href="https://smp10.simplex.im/a#KjqWjGDV0h-c3BIBb4HfKwsRcKTIfEJRsAc8eCrlACA"
target="_blank"
rel="noopener noreferrer"
>Contact via SimpleX</a
>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container site-footer__inner">
<p class="site-footer__copy">&copy; 2026 NullCart by nobswebdev.</p>
<nav class="site-footer__nav" aria-label="Footer">
<a href="#features">Features</a>
<a href="#gallery">Gallery</a>
<a href="#demo">Demo</a>
<a href="#source">Open source</a>
<a href="#roadmap">Roadmap</a>
<a href="#contact">Contact</a>
</nav>
<div class="site-footer__links">
<p class="site-footer__links-row">
<span class="site-footer__links-label">Repository</span>
<a
href="https://git.nobswebdev.com/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>git.nobswebdev.com</a
>
<span class="site-footer__repo-sep" aria-hidden="true">·</span>
<a
href="http://4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion/nobswebdev/nullcart"
target="_blank"
rel="noopener noreferrer"
>4f5t7o2vgo4sdaliwax3isyxzfuxvbvkuwk4smfowutrvx2uneu4egyd.onion</a
>
</p>
<p class="site-footer__links-row">
<span class="site-footer__links-label">Live demo</span>
<a
href="https://demo.nullcart.net/"
target="_blank"
rel="noopener noreferrer"
>demo.nullcart.net</a
>
<span class="site-footer__repo-sep" aria-hidden="true">·</span>
<a
href="http://3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion/"
target="_blank"
rel="noopener noreferrer"
>3jh2ltksxtsmjidik3st6dawfdcheo2cyv2vth2365af75zdxnwqqsyd.onion</a
>
</p>
</div>
</div>
</footer>
</body>
</html>