Skip to content

React + Vite + Tailwind CSS

Your store.
Your code.

Full source access. Edit in the browser, preview live, deploy to 300+ edge locations in one click.

Start building →View docs →
Shoppex theme code editor with file tree and syntax highlighting

Themes

9 themes. One codebase.

Every theme ships as a full React project you own. Fork it, gut it, or extend it — it's yours.

Vector theme storefront
Vectorv0.2.43

Subscription-first software storefront with a vertical mega-hero, pricing tiers, live stats, reviews, and a lead-magnet tool page.

Vite + React 19Visit live demo
Apex theme storefront
Apexv1.0.60

Purple Discord and digital reseller storefront with crystal visuals, real stats, reviews, and modal checkout.

Vite + React 19Visit live demo
Phantom theme storefront
Phantomv1.6.83

Dark blue gaming-inspired storefront with split-hero layout and category grid.

Vite + React 19Visit live demo
Starlight theme storefront
Starlightv1.6.56

Dark gaming reseller storefront with magenta accents and animated particles.

Vite + React 19Visit live demo
Classic theme storefront
Classicv1.2.57

Elegant storefront with light and dark mode. Clean, timeless design with dual color control.

Vite + React 19Visit live demo
Clean Minimal theme storefront
Clean Minimalv1.1.8

Premium minimal digital-goods storefront with focused hero, trust strip, store stats, and a restrained catalog grid.

Vite + React 19Visit live demo
Default theme storefront
Defaultv1.1.66

Clean, minimal dark mode storefront. Built for performance and customization.

Vite + React 19Visit live demo
Nebula theme storefront
Nebulav1.3.53

Deep navy storefront with blue accents. Montserrat typography for a bold look.

Vite + React 19Visit live demo
Pulse theme storefront
Pulsev1.6.55

Bold, premium dark storefront with blue accent. Built for digital product sellers.

Vite + React 19Visit live demo

Visual Builder

Twelve sections. No HTML.

Every theme is a stack of named sections. Reorder them, hide one for a campaign, duplicate another — live preview reflects the change before you publish. Fork the React anytime.

  • HeroHeadline · subline · CTA · optional video
  • ProductsFeatured grid, manual or rule-driven
  • Why Choose UsThree to six trust pillars with icons
  • ReviewsPulled from completed orders
  • PricingPlan tiers with feature checkmarks
  • Image GalleryLightbox-enabled, drag to reorder
  • Stock CountdownReal-time inventory pressure
  • FAQSearchable schema markup
  • Discord CTAServer invite + member count
  • NewsletterAudience syncs to email marketing
  • Text BlockRich text with markdown shortcuts
  • FooterLinks, payment methods, legal
dashboard.shoppex.io/store/themes/[id]/editor
Shoppex visual editor — Tablet viewport active, click-to-edit panel on the left, live storefront preview on the right

Style Center

One brand source. Four surfaces.

Tune brand color, button radius, font weight, section padding — the same tokens flow into the storefront, hosted checkout, embed modal, and per-invoice PDF. Change once, ripple everywhere.

  • StorefrontTheme components consume tokens via CSS vars
  • Hosted Checkout50 named slots, 11 protected against custom CSS
  • Embed ModalSame brand on Linktree, Notion, WordPress
  • Invoice PDFSnapshot frozen at issue time (ADR-0008)
Shoppex Style Center — token inspector on the left, live checkout preview on the right, surface switcher on top

Code Editor

Full code access

The built-in editor runs Monaco — the same engine as VS Code. Open any file in your theme, edit it directly, and see changes reflected instantly in the live preview panel.

  • Monaco Editor (VS Code engine)
  • Live preview with hot reload
  • Full file tree navigation
  • TypeScript syntax highlighting
  • Deploy button in the toolbar
ProductCard.tsx
1// ProductCard.tsx
2
3import { formatPrice } from '@/lib/pricing'
4
5export function ProductCard({ product }) {
6 return (
7 <div className="product-card">
8 <h3>{product.title}</h3>
9 <span className="price">
10 {formatPrice(product.price)}
11 </span>
12 <button onClick={() => shoppex.addToCart(product.id)}>
13 Add to cart
14 </button>
15 </div>
16 )
17}

SDK

One script tag. Full commerce API.

<script src="https://cdn.shoppex.io/sdk/v0.3/shoppex.umd.js"></script>
Cart & CheckoutProduct SearchAffiliate TrackingCoupon ValidationCustomer ReviewsAnalytics

Custom Domains

Your URL. Auto SSL.

Apex on Cloudflare Free, no premium DNS plan required. Edge-routed via the Shoppex Worker — sub-100ms first byte, tenant-bound.

  1. 01

    Add the domain

    Paste brand.com or shop.brand.com. We generate a TXT verification record + a CNAME target.

  2. 02

    SSL provisions itself

    Cloudflare-for-SaaS issues the certificate. Renewals run in the background — no ACME wrangling, no expiry alerts at 3am.

  3. 03

    Per-surface routing

    shop.brand.com → storefront, pay.brand.com → checkout, customer.brand.com → portal. One panel, three surfaces, one tenant binding.

dashboard.shoppex.io/store/domains
Shoppex domain hosts panel with Add Domain action
DNS — brand.com
# Apex (CNAME flattening enabled):
brand.com.          CNAME  tenant.shoppex.io

# Per-surface subdomains:
shop.brand.com.     CNAME  tenant.shoppex.io
pay.brand.com.      CNAME  tenant.shoppex.io
customer.brand.com. CNAME  tenant.shoppex.io

# Verification (auto-removed once active):
_shoppex.brand.com. TXT    "shx-verify=01HZX..."

Embed Anywhere

Sell on the page they're already on.

Drop one script on a Linktree bio, a Notion page, a WordPress post, a Discord landing — buyers stay in the same tab, the modal opens in your shop's style. No redirect, no iframe jail, cart persists in localStorage.

Pick from 4 design presets — Modal, Inline, Clean Light, Clean Dark — or override every token in the Style Center. Buttons, type, radii, gateway icons, the lot.

LinktreeNotionWordPressWebflowDiscord landingplain HTML
Shoppex embed in action — Premium WordPress Theme checkout with German locale, EUR pricing, card and crypto gateways

Add-ons

Zero-code storefront addons

Drop reusable UI blocks into any theme slot. No code changes needed.

mystore.shoppex.io
Free shipping on orders over $50 — limited time
Flash sale ends in
02h14m37s
Someone in Berlinpurchased React Masterclass2 min ago
YOUR DISCOUNT10% OFF
WELCOME10Copy

Build your storefront today.

Full source access. Deploy to 300+ edge locations. Free forever.

Start building →