Shared Payments UI Component's

Reuseable native web component's that make it easier and faster to implement payment providers into projects.

For Braintree:

Get started

View examples

For Paymentech:

Get started

View examples

For Stripe:

Get started

View examples

For Windcave:

Get started

View examples
<braintree-ui token="{{ CLIENT_TOKEN }}" data-amount="0.01"> </braintree-ui>

          << OR >>

<paymentech-ui token="{{ uID }}" > </paymentech-ui>

          << OR >>

<stripe-ui data-config="{"token":"{{ CLIENT_SECRET }}", "apiKey":"{{ API_KEY }}"}" > </stripe-ui>

<script src="https://uicomponent.live.pci.cavu-tech.com/payments.js" ></script>
Preview image of the payment component

Modern

Built with WebComponents

Lightweight(ish)

1.05 MB minified

Easy to use

Import to any project

Secure

Tested in isolation