Custom Script Builder

Build a custom payment UI visually. Pick elements, style them, and get the Html.init script.

Templates
Elements

Continue with Tempo

Button · Pay action

Page Theme
AccentButtons, links
BackgroundPage background
SurfaceCard background
ForegroundPrimary text
MutedSecondary text
BorderBorders
PositiveSuccess states
NegativeError states

Layout

Text

Preview

Use the generated script as custom HTML content:

tempo.charge({ html: {content: `<script>${script}</script>` } })