Component category
Ecommerce
115 implemented experiments in this category. Filter the focused category with responsive previews and framework-free source.
Complete category directory
Browse every ecommerce component.
These direct links keep the full catalog usable without filtering and make each component reachable from its category page.
- Domain exchangeAccessibility Adaptation Console · Industry commerce
Lets users tune motion, contrast, density, text, and interaction without hunting through settings for health, education, travel, finance, climate, and.
- Consent vaultAccessibility Adaptation Console · Privacy-aware commerce
Lets users tune motion, contrast, density, text, and interaction without hunting through settings for consent, personalization, trust, and regulated.
- Spatial showroomAccessibility Adaptation Console · Spatial commerce
Lets users tune motion, contrast, density, text, and interaction without hunting through settings for immersive product understanding and configuration.
- Procurement roomActivity Inbox · Collaborative commerce
Collects collaboration changes into an actionable, filterable review queue for quotes, approvals, shared carts, and procurement.
- Domain exchangeAdaptive Experience Header · Industry commerce
Introduces a specialized experience with context, status, and one safe entry point for health, education, travel, finance, climate, and specialist.
- Consent vaultAdaptive Experience Header · Privacy-aware commerce
Introduces a specialized experience with context, status, and one safe entry point for consent, personalization, trust, and regulated purchasing.
- Spatial showroomAdaptive Experience Header · Spatial commerce
Introduces a specialized experience with context, status, and one safe entry point for immersive product understanding and configuration.
- Modular bundle forgeBundle builder card
Builds a three-item bundle with live completion, savings, and compatibility feedback.
- Checkout ledgerBundle Optimizer · Cart and checkout
Compares bundles by need coverage, duplication, savings, and flexibility for cart review, delivery, payment, and confirmation.
- Configurator forgeBundle Optimizer · Product configuration
Compares bundles by need coverage, duplication, savings, and flexibility for variants, compatibility, personalization, and bundles.
- Product galleryBundle Optimizer · Product discovery
Compares bundles by need coverage, duplication, savings, and flexibility for catalog browsing and product evaluation.
- Lifecycle commerceBundle Optimizer · Subscription commerce
Compares bundles by need coverage, duplication, savings, and flexibility for upgrades, downgrades, add-ons, renewal, and retention.
- Domain exchangeCapability Degradation Panel · Industry commerce
Preserves a useful experience when advanced browser, device, or network capability is missing for health, education, travel, finance, climate, and.
- Consent vaultCapability Degradation Panel · Privacy-aware commerce
Preserves a useful experience when advanced browser, device, or network capability is missing for consent, personalization, trust, and regulated.
- Spatial showroomCapability Degradation Panel · Spatial commerce
Preserves a useful experience when advanced browser, device, or network capability is missing for immersive product understanding and configuration.
- Checkout ledgerCart Summary · Cart and checkout
Shows line items, adjustments, delivery, tax, and total before commitment for cart review, delivery, payment, and confirmation.
- Configurator forgeCart Summary · Product configuration
Shows line items, adjustments, delivery, tax, and total before commitment for variants, compatibility, personalization, and bundles.
- Product galleryCart Summary · Product discovery
Shows line items, adjustments, delivery, tax, and total before commitment for catalog browsing and product evaluation.
- Lifecycle commerceCart Summary · Subscription commerce
Shows line items, adjustments, delivery, tax, and total before commitment for upgrades, downgrades, add-ons, renewal, and retention.
- Relevant additionCart upsell panel
Offers one contextually relevant addition with transparent price, benefit, and updated cart total.
- Procurement roomCollaboration Time Machine · Collaborative commerce
Replays how a shared artifact, conversation, and decision evolved across contributors for quotes, approvals, shared carts, and procurement.
- Procurement roomCollaborative Diff Review · Collaborative commerce
Coordinates review comments around a changing artifact without losing revision context for quotes, approvals, shared carts, and procurement.
- Procurement roomComment Thread · Collaborative commerce
Keeps discussion anchored to the exact object, decision, or text it concerns for quotes, approvals, shared carts, and procurement.
- Checkout ledgerCompatibility Configurator · Cart and checkout
Builds a valid multi-part configuration and explains every conflict for cart review, delivery, payment, and confirmation.
- Configurator forgeCompatibility Configurator · Product configuration
Builds a valid multi-part configuration and explains every conflict for variants, compatibility, personalization, and bundles.
- Product galleryCompatibility Configurator · Product discovery
Builds a valid multi-part configuration and explains every conflict for catalog browsing and product evaluation.
- Lifecycle commerceCompatibility Configurator · Subscription commerce
Builds a valid multi-part configuration and explains every conflict for upgrades, downgrades, add-ons, renewal, and retention.
- Scratch foilCoupon reveal card
A tactile scratch-foil promotion with pointer reveal, instant keyboard access, and confirmed coupon copying.
- Procurement roomCross Team Dependency Board · Collaborative commerce
Makes commitments, blockers, owners, and escalation paths visible across teams for quotes, approvals, shared carts, and procurement.
- Procurement roomDecision Memory Timeline · Collaborative commerce
Records what was decided, why, by whom, and what would reopen it for quotes, approvals, shared carts, and procurement.
- Checkout ledgerDecision Theater Configurator · Cart and checkout
Turns a complex purchase into an explainable, cinematic sequence of meaningful tradeoffs for cart review, delivery, payment, and confirmation.
- Configurator forgeDecision Theater Configurator · Product configuration
Turns a complex purchase into an explainable, cinematic sequence of meaningful tradeoffs for variants, compatibility, personalization, and bundles.
- Product galleryDecision Theater Configurator · Product discovery
Turns a complex purchase into an explainable, cinematic sequence of meaningful tradeoffs for catalog browsing and product evaluation.
- Lifecycle commerceDecision Theater Configurator · Subscription commerce
Turns a complex purchase into an explainable, cinematic sequence of meaningful tradeoffs for upgrades, downgrades, add-ons, renewal, and retention.
- Checkout ledgerDelivery Promise Planner · Cart and checkout
Chooses delivery using date certainty, cost, emissions, and receiving constraints for cart review, delivery, payment, and confirmation.
- Configurator forgeDelivery Promise Planner · Product configuration
Chooses delivery using date certainty, cost, emissions, and receiving constraints for variants, compatibility, personalization, and bundles.
- Product galleryDelivery Promise Planner · Product discovery
Chooses delivery using date certainty, cost, emissions, and receiving constraints for catalog browsing and product evaluation.
- Lifecycle commerceDelivery Promise Planner · Subscription commerce
Chooses delivery using date certainty, cost, emissions, and receiving constraints for upgrades, downgrades, add-ons, renewal, and retention.
- Shipment clarityDelivery tracking card
Summarizes package status, expected arrival, carrier events, and recovery actions in one compact card.
- Delivery timeline lensDelivery window picker
Selects a delivery day and time window with capacity and sustainability context.
- Editorial commerceEditorial product card
A product card with a CSS-only visual, useful variant controls, and direct purchase action.
- Floating cart capsuleFloating cart summary
Keeps item count and total compact while expanding into an editable mini-cart summary.
- Procurement roomGlobal Availability Planner · Collaborative commerce
Finds viable collaboration windows across zones, working hours, and personal constraints for quotes, approvals, shared carts, and procurement.
- Domain exchangeGuided Choice Panel · Industry commerce
Turns unfamiliar options into a short, explainable choice sequence for health, education, travel, finance, climate, and specialist workflows.
- Consent vaultGuided Choice Panel · Privacy-aware commerce
Turns unfamiliar options into a short, explainable choice sequence for consent, personalization, trust, and regulated purchasing.
- Spatial showroomGuided Choice Panel · Spatial commerce
Turns unfamiliar options into a short, explainable choice sequence for immersive product understanding and configuration.
- Procurement roomHandoff Composer · Collaborative commerce
Packages progress, decisions, risks, and next actions for another person or time zone for quotes, approvals, shared carts, and procurement.
- Domain exchangeIndustry Workflow Orchestrator · Industry commerce
Coordinates a specialist workflow with domain evidence, ownership, and auditability intact for health, education, travel, finance, climate, and.
- Consent vaultIndustry Workflow Orchestrator · Privacy-aware commerce
Coordinates a specialist workflow with domain evidence, ownership, and auditability intact for consent, personalization, trust, and regulated purchasing.
- Spatial showroomIndustry Workflow Orchestrator · Spatial commerce
Coordinates a specialist workflow with domain evidence, ownership, and auditability intact for immersive product understanding and configuration.
- Checkout ledgerInventory Substitution Flow · Cart and checkout
Offers meaningful replacements when selected stock disappears for cart review, delivery, payment, and confirmation.
- Configurator forgeInventory Substitution Flow · Product configuration
Offers meaningful replacements when selected stock disappears for variants, compatibility, personalization, and bundles.
- Product galleryInventory Substitution Flow · Product discovery
Offers meaningful replacements when selected stock disappears for catalog browsing and product evaluation.
- Lifecycle commerceInventory Substitution Flow · Subscription commerce
Offers meaningful replacements when selected stock disappears for upgrades, downgrades, add-ons, renewal, and retention.
- Live auction pulseLive bid control
Lets a shopper adjust and submit a bid against a visible minimum and countdown context.
- Domain exchangeLiving Interface Organism · Industry commerce
Creates a memorable responsive system whose motion reflects real state rather than decoration for health, education, travel, finance, climate, and.
- Consent vaultLiving Interface Organism · Privacy-aware commerce
Creates a memorable responsive system whose motion reflects real state rather than decoration for consent, personalization, trust, and regulated.
- Spatial showroomLiving Interface Organism · Spatial commerce
Creates a memorable responsive system whose motion reflects real state rather than decoration for immersive product understanding and configuration.
- Constellation rewards pathLoyalty level meter
Shows current loyalty level, next reward, and point milestones along a constellation path.
- Magnetic cart captureMagnetic add-to-cart control
Pulls the product token into a cart target while updating quantity and total.
- Checkout ledgerMarketplace Offer Comparator · Cart and checkout
Compares sellers by complete cost, delivery, returns, and trust signals for cart review, delivery, payment, and confirmation.
- Configurator forgeMarketplace Offer Comparator · Product configuration
Compares sellers by complete cost, delivery, returns, and trust signals for variants, compatibility, personalization, and bundles.
- Product galleryMarketplace Offer Comparator · Product discovery
Compares sellers by complete cost, delivery, returns, and trust signals for catalog browsing and product evaluation.
- Lifecycle commerceMarketplace Offer Comparator · Subscription commerce
Compares sellers by complete cost, delivery, returns, and trust signals for upgrades, downgrades, add-ons, renewal, and retention.
- Procurement roomMerge Conflict Workspace · Collaborative commerce
Resolves simultaneous edits with field-level context and reversible choices for quotes, approvals, shared carts, and procurement.
- Procurement roomMissed Update Recap · Collaborative commerce
Reconstructs important changes after absence without overwhelming users with every event for quotes, approvals, shared carts, and procurement.
- Domain exchangeMultimodal Control Deck · Industry commerce
Coordinates text, audio, visual, and tactile preferences through explicit controls for health, education, travel, finance, climate, and specialist.
- Consent vaultMultimodal Control Deck · Privacy-aware commerce
Coordinates text, audio, visual, and tactile preferences through explicit controls for consent, personalization, trust, and regulated purchasing.
- Spatial showroomMultimodal Control Deck · Spatial commerce
Coordinates text, audio, visual, and tactile preferences through explicit controls for immersive product understanding and configuration.
- Orbital logisticsOrbit shipping tracker
A compact fulfillment timeline with a luminous route, current package marker, explicit states, and shipment detail.
- Checkout ledgerPayment Recovery Panel · Cart and checkout
Recovers a failed payment without losing cart, discounts, or delivery choices for cart review, delivery, payment, and confirmation.
- Configurator forgePayment Recovery Panel · Product configuration
Recovers a failed payment without losing cart, discounts, or delivery choices for variants, compatibility, personalization, and bundles.
- Product galleryPayment Recovery Panel · Product discovery
Recovers a failed payment without losing cart, discounts, or delivery choices for catalog browsing and product evaluation.
- Lifecycle commercePayment Recovery Panel · Subscription commerce
Recovers a failed payment without losing cart, discounts, or delivery choices for upgrades, downgrades, add-ons, renewal, and retention.
- Procurement roomPresence Awareness Rail · Collaborative commerce
Shows who is active and where without implying guaranteed attention for quotes, approvals, shared carts, and procurement.
- Domain exchangePrivacy Boundary Viewer · Industry commerce
Shows which data stays local, leaves the device, or reaches another party for health, education, travel, finance, climate, and specialist workflows.
- Consent vaultPrivacy Boundary Viewer · Privacy-aware commerce
Shows which data stays local, leaves the device, or reaches another party for consent, personalization, trust, and regulated purchasing.
- Spatial showroomPrivacy Boundary Viewer · Spatial commerce
Shows which data stays local, leaves the device, or reaches another party for immersive product understanding and configuration.
- Orbital swatch selectorProduct color orbit
Arranges product finishes around a central preview and keeps name, price, and stock synchronized.
- Checkout ledgerProduct Decision Card · Cart and checkout
Keeps product identity, price, availability, and primary decision together for cart review, delivery, payment, and confirmation.
- Configurator forgeProduct Decision Card · Product configuration
Keeps product identity, price, availability, and primary decision together for variants, compatibility, personalization, and bundles.
- Product galleryProduct Decision Card · Product discovery
Keeps product identity, price, availability, and primary decision together for catalog browsing and product evaluation.
- Lifecycle commerceProduct Decision Card · Subscription commerce
Keeps product identity, price, availability, and primary decision together for upgrades, downgrades, add-ons, renewal, and retention.
- Studio spotlightProduct spotlight card
A studio-lit product card with tactile color variants, a dimensional CSS sculpture, price, and purchase feedback.
- Variant clarityProduct variant selector
Connects color, size, stock, price, and product imagery so every variant decision has immediate context.
- Tactile commerceQuantity stepper control
A tactile cart stepper with bounded quantity, disabled limits, and inventory-aware live guidance.
- Thermal receiptReceipt price breakdown
An expandable thermal-style checkout receipt that reconciles discounts, delivery, tax, and the final total.
- Domain exchangeRisk Consent Checkpoint · Industry commerce
Obtains meaningful consent by explaining purpose, consequence, alternatives, and duration for health, education, travel, finance, climate, and.
- Consent vaultRisk Consent Checkpoint · Privacy-aware commerce
Obtains meaningful consent by explaining purpose, consequence, alternatives, and duration for consent, personalization, trust, and regulated purchasing.
- Spatial showroomRisk Consent Checkpoint · Spatial commerce
Obtains meaningful consent by explaining purpose, consequence, alternatives, and duration for immersive product understanding and configuration.
- Procurement roomRole Access Table · Collaborative commerce
Shows who can do what and why, without reducing access to ambiguous labels for quotes, approvals, shared carts, and procurement.
- Domain exchangeSafe Experiment Reset · Industry commerce
Restores an experimental interface to a known state without losing exportable work for health, education, travel, finance, climate, and specialist.
- Consent vaultSafe Experiment Reset · Privacy-aware commerce
Restores an experimental interface to a known state without losing exportable work for consent, personalization, trust, and regulated purchasing.
- Spatial showroomSafe Experiment Reset · Spatial commerce
Restores an experimental interface to a known state without losing exportable work for immersive product understanding and configuration.
- Stock matrixSize and stock selector
An inventory-aware size radiogroup with explicit availability, arrow-key selection, and inline restock subscription.
- Domain exchangeSpatial Focus Surface · Industry commerce
Uses depth and position to clarify relationships without losing linear accessibility for health, education, travel, finance, climate, and specialist.
- Consent vaultSpatial Focus Surface · Privacy-aware commerce
Uses depth and position to clarify relationships without losing linear accessibility for consent, personalization, trust, and regulated purchasing.
- Spatial showroomSpatial Focus Surface · Spatial commerce
Uses depth and position to clarify relationships without losing linear accessibility for immersive product understanding and configuration.
- Recurring bundleSubscription box builder
Builds a recurring product box with item limits, frequency, price, and a persistent order summary.
- Checkout ledgerSubscription Upgrade Planner · Cart and checkout
Previews proration, limits, timing, and retained features before plan change for cart review, delivery, payment, and confirmation.
- Configurator forgeSubscription Upgrade Planner · Product configuration
Previews proration, limits, timing, and retained features before plan change for variants, compatibility, personalization, and bundles.
- Product gallerySubscription Upgrade Planner · Product discovery
Previews proration, limits, timing, and retained features before plan change for catalog browsing and product evaluation.
- Lifecycle commerceSubscription Upgrade Planner · Subscription commerce
Previews proration, limits, timing, and retained features before plan change for upgrades, downgrades, add-ons, renewal, and retention.
- Swipe depth gallerySwipe product gallery
Browses product views with swipe, arrow, and thumbnail controls plus a depth transition.
- Checkout ledgerTransparent Discount Builder · Cart and checkout
Applies promotions while making eligibility, stacking, and expiration understandable for cart review, delivery, payment, and confirmation.
- Configurator forgeTransparent Discount Builder · Product configuration
Applies promotions while making eligibility, stacking, and expiration understandable for variants, compatibility, personalization, and bundles.
- Product galleryTransparent Discount Builder · Product discovery
Applies promotions while making eligibility, stacking, and expiration understandable for catalog browsing and product evaluation.
- Lifecycle commerceTransparent Discount Builder · Subscription commerce
Applies promotions while making eligibility, stacking, and expiration understandable for upgrades, downgrades, add-ons, renewal, and retention.
- Domain exchangeTransparent Value Card · Industry commerce
Explains benefit, cost, limitation, and evidence in one decision unit for health, education, travel, finance, climate, and specialist workflows.
- Consent vaultTransparent Value Card · Privacy-aware commerce
Explains benefit, cost, limitation, and evidence in one decision unit for consent, personalization, trust, and regulated purchasing.
- Spatial showroomTransparent Value Card · Spatial commerce
Explains benefit, cost, limitation, and evidence in one decision unit for immersive product understanding and configuration.
- Checkout ledgerVariant Selector · Cart and checkout
Selects a valid product configuration while explaining unavailable combinations for cart review, delivery, payment, and confirmation.
- Configurator forgeVariant Selector · Product configuration
Selects a valid product configuration while explaining unavailable combinations for variants, compatibility, personalization, and bundles.
- Product galleryVariant Selector · Product discovery
Selects a valid product configuration while explaining unavailable combinations for catalog browsing and product evaluation.
- Lifecycle commerceVariant Selector · Subscription commerce
Selects a valid product configuration while explaining unavailable combinations for upgrades, downgrades, add-ons, renewal, and retention.








