DMarlon Studio
DemosDownload
All demos · Web
HTML · CSS · JS

Web shop (HTML)

The shop generated in HTML, CSS and JavaScript: nothing to build or install, upload it as is to any hosting. The same screens as in Flutter, React and Vue.

What it shows

  • Zero dependencies
  • Routes and state in JavaScript
  • Responsive on desktop and mobile
Open the website
Web shop (HTML): Sign in

How it works

  1. Step 1: Sign in
    1

    Sign in

    Log in with demo@tienda.com and 1234; screens change without reloading, with routes after #.

  2. Step 2: The catalog
    2

    The catalog

    Search, categories and products generated from the design; responsive on desktop and mobile.

  3. Step 3: The cart
    3

    The cart

    Lines, total and payment, with the logic in a plain app.js.

This demo comes as an example in DMarlon Studio: open it in the Designer to see its design and code, change it and press Run.