Files
nullcart_promo_website/index.html
T
2026-08-29 01:50:36 +02:00

684 lines
23 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 Monero shop. No JS, no buyer accounts. Sell on clearnet and Tor."
/>
<title>NullCart — Free self-hosted Monero 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 Monero 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 crypto e-commerce solution, with no third parties
involved. Built with a mission to support the crypto economy.
</p>
<div class="hero__actions">
<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>
</section>
<section class="section section--border">
<div class="container about">
<h2 class="section__title">What is NullCart?</h2>
<p>
NullCart is an open-source, self-hosted shop for accepting Monero.
Run it on your server with a non-custodial wallet, and sell on
clearnet and Tor.
</p>
<p>
Built for the Monero community — designed for a maximum privacy
experience and full control over funds and infrastructure. Lower the
barrier to selling with XMR and help grow the circular crypto
economy.
</p>
</div>
</section>
<section class="section" id="privacy">
<div class="container">
<h2 class="section__title">Privacy features</h2>
<p class="section__lead">
Built for the Monero community — 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
wallet
</li>
<li class="pillar">
<span class="pillar__dot" aria-hidden="true"></span> XMR-only
payments
</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 Monero.
</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 needed — the buyer shop runs without client-side
scripts
</li>
<li>Works perfectly in Tor Browser strictest security mode</li>
<li>
No sign-up, no profiles — orders opened 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>Monero-native payments</h3>
<p class="feature-card__lead">
Built-in Monero integration. Zero third-party payment services.
</p>
<ul>
<li>
Direct XMR payments to your own wallet — no custodial gateway
</li>
<li>
Per-order addresses with QR codes; live rates, fiat display
</li>
<li>You hold the seed — 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; quote and collect 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 Monero 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 Monero.
</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 XMR; you fulfill orders, chat when needed, 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="1508"
height="902"
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-checkout"
aria-label="View larger checkout screenshot"
>
<div class="gallery__frame">
<img
src="assets/gallery/checkout.png"
width="1508"
height="902"
alt="Checkout with Monero QR code"
/>
</div>
</a>
<figcaption class="gallery__caption">
Checkout — XMR 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="1508"
height="902"
alt="Order page with encrypted chat"
/>
</div>
</a>
<figcaption class="gallery__caption">
Order page — status and encrypted chat
</figcaption>
</figure>
<figure class="gallery__item">
<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="1508"
height="902"
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 Monero QR code"
>
<a
class="lightbox__backdrop"
href="#gallery"
aria-label="Close"
></a>
<img
class="lightbox__img"
src="assets/gallery/checkout.png"
width="1508"
height="902"
alt="Checkout with Monero QR code"
/>
<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="1508"
height="902"
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
flow. Test payments with stagenet Monero.
</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 privacy coins</h3>
<p>
Support for additional privacy-focused cryptocurrencies beyond
Monero.
</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>