Stripe Elements

Create your own checkout flows with prebuilt UI components.

Web Elements

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

Mobile Native Elements

Stripe Elements is also a set of prebuilt UI components for building your mobile native checkout flow. It’s available as a feature of our Mobile SDKs (iOS, Android, and React Native).

Elements features include:

Automatic input formatting as customers type
Complete UI translations to match your customer’s preferred language
Mobile specific behaviors, with single-step bottom sheets and multi-step inline options
Device hardware integrations such as card scanning with the camera
UI customization, including colors and fonts

Get started with Elements

Mobile Payment Element

Accept a payment with one or multiple payment methods across mobile platforms.

Mobile Address Element

Collect local and international addresses for your customers.

Sign up for updates

Sign up to be notified of new features and betas.

Provide your email to receive early access to eligible beta features for Stripe Elements.