Live Demo

Test Vue Stripe components with real Stripe integrations. These live demos connect to our hosted backend at backend.vuestripe.com - no setup required.

One-Time Payments

🛒

Stripe Checkout

Redirect to Stripe's hosted checkout page. v8.x compatible with URL redirect.

💳

Payment Element

Accept cards, wallets, and bank payments with the universal Payment Element.

💳

Card Element

Legacy single-field card input with full styling control.

🔢

Split Card Elements

Separate inputs for card number, expiry, and CVC.

⚡

Link Authentication

Enable one-click checkout with Stripe Link.

🏦

iDEAL Payment

Accept iDEAL payments from customers in the Netherlands.

Subscriptions

🔄

Stripe Checkout

Redirect customers to Stripe's hosted checkout page for subscriptions.

📱

Embedded Elements

Keep customers on your site with embedded subscription forms.

Test Cards

Use these test card numbers:

Card Number	Result
4242 4242 4242 4242	Successful payment
4000 0000 0000 3220	3D Secure required
4000 0000 0000 9995	Declined

Use any future expiry date, any 3-digit CVC, and any postal code.