Skip to content

E-Commerce

Product Gallery with Zoom

Main image with thumbnail rail, hover magnifier lens, and a fullscreen zoom view with keyboard navigation.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add product-gallery-zoom
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Product Gallery with Zoom

Product Gallery with Zoom

Live preview of the Product Gallery with Zoom component

Trail Runner 2 — side viewZoom

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Product Gallery with Zoom component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More E-Commerce components

Browse all →

Product Grid Filter Bar

Sticky filter/sort bar with active filter chips, result count, and sort select that wraps a product grid via children.

Product Detail Summary

PDP summary block bundling title, price, colour/size variant pickers, quantity stepper and an add-to-cart button with success state.

Variant Swatch Picker

Colour swatch and size button picker with per-combination availability so unavailable sizes show struck-through instead of disappearing.

Quantity Stepper

Numeric stepper with min/max clamping, direct type-in and a disabled state, used across cart and PDP.

Add to Cart Button

Primary CTA with loading, success checkmark and error states around an async add-to-cart handler.

Cart Line Item

Single cart row with thumbnail, variant text, quantity stepper, line total and a fade-out remove action.