E-Commerce
Order Status Tracker
Horizontal (vertical on mobile) step tracker for order lifecycle stages, with a dedicated cancelled-order state.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Order Status Tracker
Live preview of the Order Status Tracker component
Order placed
Oct 10
Processing
Oct 11
Shipped
Oct 12
Delivered
This order was cancelled.
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 Order Status Tracker 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.
More E-Commerce components
Browse all →Product Card — Grid
Catalogue grid tile with image, title, rating, price with compare-at discount badge, and an out-of-stock overlay.
Product Card — List/Row
Horizontal row card for search results or dense catalogue lists, with an action slot for cart/wishlist buttons.
Product Card — Quick Add
Grid product card with an inline quantity stepper and add-to-cart control that shows a loading then success state.
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 Gallery with Zoom
Main image with thumbnail rail, hover magnifier lens, and a fullscreen zoom view with keyboard navigation.
Product Detail Summary
PDP summary block bundling title, price, colour/size variant pickers, quantity stepper and an add-to-cart button with success state.