Docs
SettingsPro

Plan and UsageNew

The subscription section of Settings: the plan and its renewal, usage meters that warn near a limit, and the way up.

$npx swiftpieces add PlanUsageBlock

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.
ProBlock · SettingsiOS 17+Themed by Pro's design system
Type
PlanUsageBlock
Inside
Plan with its status and renewal, Usage meters that warn near a limit, Upgrade with its states, Manage subscription and restore
Install, with a Pro license
npx swiftpieces add PlanUsageBlock
Depends on
Pro's Design System, which installs with it

Where a subscriber checks their plan. A summary card names the plan with a tinted status chip, its price and when it renews, ends or leaves its trial; usage meters fill to what has been used and turn to warning and danger near a limit. Upgrade works, confirms and folds away on the top plan, and Manage subscription and Restore purchases use StoreKit by default.

Its SwiftUI source comes with SwiftPieces Pro: Plan and Usage in the Pro library.

All blocks →
SwiftPiecesPro

Build the whole app with one library.

Production-ready screens, whole flows, complete app templates, a Build Kit your agent follows and Pro remixing.

54 screens · 6 blocks · 48 flows · 12 templates · 31 Build Kit skills

Explore Pro