Refcat
UI reference · iOS

Purchasing a product in Magnolia

16 screens · Magnolia

Added to Refcat

Every screen in order

  1. Magnolia Purchasing a product screen 1 of 16 (iOS)
  2. Magnolia Purchasing a product screen 2 of 16 (iOS)
  3. Magnolia Purchasing a product screen 3 of 16 (iOS)
  4. Magnolia Purchasing a product screen 4 of 16 (iOS)
  5. Magnolia Purchasing a product screen 5 of 16 (iOS)
  6. Magnolia Purchasing a product screen 6 of 16 (iOS)
  7. Magnolia Purchasing a product screen 7 of 16 (iOS)
  8. Magnolia Purchasing a product screen 8 of 16 (iOS)
  9. Magnolia Purchasing a product screen 9 of 16 (iOS)
  10. Magnolia Purchasing a product screen 10 of 16 (iOS)
  11. Magnolia Purchasing a product screen 11 of 16 (iOS)
  12. Magnolia Purchasing a product screen 12 of 16 (iOS)
  13. Magnolia Purchasing a product screen 13 of 16 (iOS)
  14. Magnolia Purchasing a product screen 14 of 16 (iOS)
  15. Magnolia Purchasing a product screen 15 of 16 (iOS)
  16. Magnolia Purchasing a product screen 16 of 16 (iOS)

Patterns

PricingLoadingCheckoutLocation & AddressPayment MethodAcknowledgement & Success

Components

buttonprogress indicatorinputphone inputradiocarddropdownemail input

Explore real product flows

More UI examples

Explore the full catalog