Skip to content
← Experiments
Component2026

Mini webshop

Into the cart, out of the cart, through to payment: a small shop that really works.

Put a few products in the cart and watch the shipping change.

In the quote

Online payment (e.g. SimplePay, Stripe)

Card payment built into the site, so visitors can pay on the spot.

from HUF 44,000Included in a webshop's base price

Products with variants, a cart with quantities, a shipping fee and a free-shipping threshold, all the way to payment. This is the customer side, as it would appear in a real webshop.

Under the hood
  • React
  • Cart
  • Checkout

How it works

The cart is a single piece of state: every line is a product, a variant and a quantity, and the total is always worked out from that. The shipping fee depends on a threshold, and the progress bar shows how much is missing for free shipping.

On a live site the Pay button leads to a card payment page (for example SimplePay or Stripe), and the order goes into the admin panel. Here the end is just a confirmation screen.

Want something like this on your own site?

Motion and WebGL are part of what I do. We'll work out what fits your site while keeping it fast.

Get an estimate
Next experiment
Mini webshop | KineticForm