Live demo

Try every setting on a real product.

Trail Runner

$119

Matching variations: —

Resolved in — — no server request

Pick every option to see the variation.

// swatchkit:change events appear here

Customize

Shape & size

Shape

Size 40 px

Label font size 14 px

Borders & colours

Border width 1 px

Selected colour #5B4BFF

Images

Image fit

Hover zoom

Stock

Out of stock

Unavailable

Labels

Tooltips

Show selected name

Theme preview

Read the docs

Every setting, hook and CSS variable, with examples.

Open the docs →

See the pricing

Free for every store. Pro adds add to cart from shop cards and more.

Compare Free and Pro →

Download free

Install from WordPress.org. No account, no credit card.

Get SwatchKit →

This page runs a faithful copy of SwatchKit's availability logic in your browser, with the plugin's own markup and stylesheet. The real plugin renders the same markup on the server.