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
Don’t see your element here? There are more elements listed in the Stripe.js API Reference.
If you plan to accept card payments, read more about when to use the Payment Element and Card Element.
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