Moon/App templates/Transit pass wallet card

Transit pass wallet card

A transit pass card for iOS and Android, styled the way a pass looks in Apple Wallet or Google Wallet. It shows the operator and pass type, the expiry date, rides taken this month, the last tap location, the serial, and a hold near reader prompt. Use it for transit operators, city passes, and any tap to enter product. Generate real passes with PassKit via Bolt, Lovable, or Replit.

About this app template

A transit pass is used at a barrier with people behind, so most of the card exists for the moments away from the gate, not at it. The expiry date answers the question riders actually worry about, the ride count gives a sense of value, and the last tap confirms the pass is working. At the gate itself the only thing that matters is the hold near reader prompt, which is why it sits on its own. Keep the serial available but quiet, since it is only needed when something has gone wrong. Paste it into Bolt, Lovable, or Replit and build the pass with PassKit.

Build a full mobile app with wallet passes with this template design

A pass carries the brand outside the app entirely, so its type, spacing, and colour can set the standard for every screen inside it. Copy the template, paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor, and send this alongside it.

Paste into Claude Code, Replit, Lovable, Bolt, or Cursor

Common questions about this template

What should a transit pass show?

When it expires, above everything else. That is the question riders worry about, and it is what turns a pass from something they trust into something they check before every journey.

Why show the last tap?

It confirms the pass is working. A rider who has just been refused at a barrier wants to know whether the problem is the pass or the reader.

Can I turn this into a real Wallet pass?

Yes. Transit passes are built with PassKit and can support express mode. Use this as the reference and ask your AI in Bolt, Lovable, or Replit to generate it.

Should the serial be visible?

Available but quiet. It is only needed when something has gone wrong and support asks for it, so it should never compete with the expiry.

Use this template for

  • ·Monthly and season transit passes
  • ·City and zone travel cards
  • ·Tap to enter passes for venues
  • ·Any pass validated at a barrier

Works with every vibe coding tool