Stripe Elements
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
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.

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
