Stripe Web Elements

Create your own checkout flows with prebuilt UI components.

Stripe Elements is a set of prebuilt UI components for building your web checkout flow. It’s available as a feature of Stripe.js, our foundational JavaScript library for building payment flows. Stripe.js tokenizes sensitive payment details within an Element without ever having them touch your server.

Elements features include:

Automatic input formatting as customers type
Complete UI translations to match your customer’s preferred language
Responsive design to fit seamlessly on any screen size
Custom styling rules so you can match the look and feel of your site
One-click checkout with Link

Payment Element

Recommended

Accept a payment with one or multiple payment methods securely, including cards.

Express Checkout Element

Recommended

Display popular Wallets like Apple Pay, Google Pay, and PayPal.

Link Authentication Element

Link auto-fills your customers’ payment and shipping details to reduce friction and deliver an easy and secure checkout experience.

Address Element

Collect address information and display Link saved addresses.

Note

Don’t see your Element here? Find more in the Stripe.js API Reference.

If you plan to use the legacy Card Element, check out a comparison of the Payment Element and Card Element before you begin. The Payment Element is recommended for most integrations.

Customize the appearance of Elements

Pick from prebuilt themes, add your own color and size variables, or adjust individual components for more advanced use cases.

Get started