https://github.com/joshnuss/svelte-stripe

Everything you need to add Stripe Elements to your Svelte project
https://github.com/joshnuss/svelte-stripe

apple-pay credit-card google-pay ideal payment sepa stripe svelte svelte-kit

Last synced: 4 days ago
JSON representation

Everything you need to add Stripe Elements to your Svelte project

• Host: GitHub
• URL: https://github.com/joshnuss/svelte-stripe
• Owner: joshnuss
• License: mit
• Created: 2021-08-08T07:33:57.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-03T17:24:51.000Z (10 months ago)
• Last Synced: 2024-04-14T03:14:25.961Z (9 months ago)
• Topics: apple-pay, credit-card, google-pay, ideal, payment, sepa, stripe, svelte, svelte-kit
• Language: Svelte
• Homepage: https://sveltestripe.com
• Size: 510 KB
• Stars: 376
• Watchers: 6
• Forks: 31
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# [svelte-stripe](https://sveltestripe.com)

Everything you need to add Stripe Elements to your Svelte project. 100% [SvelteKit](https://kit.svelte.dev/) compatible.

> Stripe is now [sponsoring this project](#sponsors)

[Documentation](https://sveltestripe.com)

## Components

The following components are provided:

- ``: A wrapper component to set context.

- ``: Input field for the card's number.

- ``: Input field for the card's expiration date.

- ``: Input field for Card Verification Value.

- ``: All-in-one component that has inputs for card number, expiry, cvc, and zip code.

- ``: A GooglePay, ApplePay, or Link checkout button, depending on browser and user preferences.

- ``: Input field for IBAN (International bank account number).

- ``: Input field for iDEAL (payment system used in the Netherlands).

- ``: All-in-one component that allows the user to choose the type of payment.

- ``: Pay with a wallet without leaving the page.

- ``: Ability to use saved payment methods stored in [Link](https://link.co).

- `
`: Component for collecting billing and shipping addresses.


## Examples

There is example code for:

- [Payment Element](src/routes/examples/payment-element)

- [Express Checkout](src/routes/examples/express-checkout)

- [Embedded Checkout](src/routes/examples/embedded-checkout)

- [Link](src/routes/examples/payment-element)

- [Credit card](src/routes/examples/credit-card)

- [GooglePay](src/routes/examples/payment-request)

- [ApplePay](src/routes/examples/payment-request)

- [MicrosoftPay](src/routes/examples/payment-request)

- [SEPA direct deposit](src/routes/examples/sepa)

- [iDEAL](src/routes/examples/ideal)

- [Alipay](src/routes/examples/alipay)

- [WeChat Pay](src/routes/examples/wechat-pay)

- [Konbini](src/routes/examples/konbini)

- [Klarna](src/routes/examples/klarna)

- [Sofort](src/routes/examples/sofort)

- [Afterpay/Clearpay](src/routes/examples/afterpay-clearpay)

- [PaymentMethodMessaging](src/routes/examples/payment-method-messaging)

Please open a PR or issue, if you'd like to add more.

## Usage

See [documentation](https://sveltestripe.com) for setup instructions and examples.

## Sponsors



  



## Code contributors

![GitHub Contributors Image](https://contrib.rocks/image?repo=joshnuss/svelte-stripe)

## Development mode

Run `pnpm dev` and visit `https://localhost:5173`:

```bash

pnpm dev

```

## License

MIT