Interactive portfolio demo

Turn raw AliExpress JSON into a
store-ready variant editor

A dependency-light jQuery plugin built for a dropshipping client. Paste a product URL or pick a cached sample below — then edit variants, apply pricing rules and export clean JSON in real time.

Vanilla ES5 · jQuery plugin AliExpress + CJDropshipping formats 100% client-side
Live demo
Loading…

Demo mode: this is a static showcase, so URL fetching is stubbed with cached product data. In production the same flow calls the client's scraper API.


        
Features

Everything a dropshipper needs to tame product JSON

Built as a reusable plugin — point it at a table, feed it supplier JSON, and it does the rest.

Bidirectional JSON

Import raw AliExpress or CJDropshipping payloads, and export clean, normalized JSON with generated SKUs, prices and fulfillment maps.

Live variant matrix

Every SKU becomes an editable row and every product option becomes a column — automatically, no configuration per product.

Smart pricing rules

Multiply or add to supplier cost, force psychological price endings like .99, and bulk-update every row with “Change All”.

Real-time profit tracking

Profit per variant is recalculated on every keystroke from cost, shipping and price — negative margins turn red instantly.

Bulk variant management

Filter rows by option value, select in bulk, and delete safely — unused options are cleaned up and indexes remapped for you.

Shipping calculator

Pick a destination country and carrier — the shipping cost propagates to every variant and profits update across the table.

Workflow

From supplier URL to store-ready JSON in three steps

The exact flow the plugin powers inside the client's product-import pipeline.

1

Load a product

Paste an AliExpress URL or pick one of the nine cached sample products — the JSON payload is parsed and the variant matrix builds itself.

2

Edit everything live

Rename options, tweak SKUs, set prices and compare-at prices, choose shipping, delete variants — the JSON output tracks every change in real time.

3

Export the result

Copy the final JSON to your clipboard or download it as a file, ready to feed into a store importer or fulfillment app.

Case study

Built for a real dropshipping workflow

A client needed their team to review and reprice hundreds of AliExpress and CJDropshipping products before pushing them to their store. Supplier JSON is messy: options and variants are cross-referenced by index, two vendors use two different schemas, and prices need business rules applied consistently.

I designed JsonFormBuilder as a self-contained jQuery plugin: hand it a JSON payload and a <table>, and it renders a fully editable variant matrix with pricing rules, profit tracking, bulk actions and clean JSON export — no framework, no build step, drop-in ready for their existing Bootstrap admin.

Read the plugin documentation
ES5 + jQueryzero-build plugin, class-based architecture
Bootstrap 4drops into the client's existing admin UI
SCSScompiled component styles
2 supplier schemasAliExpress & CJDropshipping normalized
0 dependenciesbeyond what the host page already ships