Pro E-Commerce

E-commerce UI blocks: sticky add-to-cart bars, shopping cart items, and order summaries.

On This Page

E-commerce UI blocks: sticky add-to-cart bars, shopping cart items, and order summaries.

Commerce Primitives

Production e-commerce UI blocks: sticky add-to-cart bars, shopping cart items with quantity steppers, order summaries, and variant selectors.

npx nexoreui add pro-ecommerce

Subtotal calculation card with shipping, estimated taxes, and secure checkout CTA.

Subtotal$129.00

Shipping$10.00

Tax$6.45

Total$145.45

Secure Checkout

component.tsx

Sticky action bar with live price calculation and increment/decrement controls.

Total Price

component.tsx

Detailed cart drawer row with quantity adjustment, unit pricing, and item removal.

Matte Black

$299.00

component.tsx

Tactile color swatches and apparel size selectors with active ring highlights.

component.tsx

Quantity Inputs: Stepper buttons include explicit aria-label ('Decrease quantity', 'Increase quantity').
Contrast: Color swatch rings ensure high-visibility focus borders in both dark and light modes.

On This Page