---
id: modular-checkout
title: Modular Checkout
description: Orientation hub for the JustiFi modular checkout experience.
---

Modular Checkout stitches every payment surface, summary view, and auxiliary
experience into one cohesive flow. Use this hub to jump into the right phase of
the journey:

- [Introduction](./modular-checkout/introduction) for architecture, props, events, and
  theming guidance.
- [Donation Form Example](./modular-checkout/complete-examples/layout-1) for a donation flow with Card, Bank account, and Apple Pay toggle.
- [E-commerce Checkout Example](./modular-checkout/complete-examples/layout-2) for a two-column page with header, shipping, payment, and cart summary.
- [Stripe-style Two-Column Example](./modular-checkout/complete-examples/layout-3) for an order summary and payment form side by side with `preCompleteHook` demo.
- [Sub-components](./modular-checkout/sub-components) for deep dives on each child element
  (card form, bank form, payment method picker, etc.).