PenTool UIالعربيةBrowse the library

Commerce

Commerce: 12 designs across 1 family — Commerce — Arabic-first components in both directions and both themes, with ready code and prompts

Designs

RTL VerifiedLTR Verified Commerce

Cart with Free-shipping Threshold

The gap to free shipping is computed, never hand-written

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Checkout Steps

Three gated steps with the order summary always visible

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Coupon with Three Discount Types

Percentage, fixed amount or free shipping — each with its own cap

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Card Input with Luhn Check

Validated with the Luhn algorithm; the network is inferred from its prefix

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Receipt with Torn Edge

Sequential number, VAT and a verification code — shaped like a real receipt

Intermediate Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Refund Request with Computed Amount

The refunded amount computed after restocking and non-refundable shipping

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Shipping with Computed Dates

Arrival computed in business days, skipping Friday and Saturday

Advanced Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Order Summary with VAT

VAT is rounded once at the total, not per line

Intermediate Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Order Tracking Timeline

A vertical trail with real timestamps; what is ahead is estimated, not asserted

Intermediate Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Bundle Upsell with Computed Saving

The saving is computed from the price difference and updates with each pick

Intermediate Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Pricing Card

Pricing

Beginner Commerce
Code Prompt
RTL VerifiedLTR Verified Commerce

Tax Invoice

Arabic tax-invoice layout with line items and 15% VAT

★ Arabic only Advanced Commerce
Code Prompt