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

Get started with Elements

Payment Element

Recommended

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

Wallet Button Element

Display popular Wallets like Apple Pay and Google Pay.

Link Authentication Element

Recommended

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.

Card Element

Legacy

Build advanced card use cases, with fewer built-in features.

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