{"id":26662687,"url":"https://github.com/soenneker/soenneker.blazor.stripe.elements","last_synced_at":"2026-05-02T00:02:58.197Z","repository":{"id":285441842,"uuid":"954221330","full_name":"soenneker/soenneker.blazor.stripe.elements","owner":"soenneker","description":"A Blazor interop library for Stripe Elements","archived":false,"fork":false,"pushed_at":"2026-05-01T13:57:32.000Z","size":1852,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-01T15:32:20.911Z","etag":null,"topics":["blazor","blazorlibrary","blazorstripeelementsinteroputil","csharp","dotnet","elements","javascript","js","payment","processing","stripe","wasm","webassembly"],"latest_commit_sha":null,"homepage":"https://soenneker.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/soenneker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"soenneker","thanks_dev":"soenneker"}},"created_at":"2025-03-24T18:40:28.000Z","updated_at":"2026-05-01T13:57:36.000Z","dependencies_parsed_at":"2026-01-19T04:00:53.030Z","dependency_job_id":null,"html_url":"https://github.com/soenneker/soenneker.blazor.stripe.elements","commit_stats":null,"previous_names":["soenneker/soenneker.blazor.stripe.elements"],"tags_count":509,"template":false,"template_full_name":null,"purl":"pkg:github/soenneker/soenneker.blazor.stripe.elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soenneker%2Fsoenneker.blazor.stripe.elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soenneker%2Fsoenneker.blazor.stripe.elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soenneker%2Fsoenneker.blazor.stripe.elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soenneker%2Fsoenneker.blazor.stripe.elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soenneker","download_url":"https://codeload.github.com/soenneker/soenneker.blazor.stripe.elements/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soenneker%2Fsoenneker.blazor.stripe.elements/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32517232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor","blazorlibrary","blazorstripeelementsinteroputil","csharp","dotnet","elements","javascript","js","payment","processing","stripe","wasm","webassembly"],"created_at":"2025-03-25T14:17:41.635Z","updated_at":"2026-05-02T00:02:58.159Z","avatar_url":"https://github.com/soenneker.png","language":"CSS","funding_links":["https://github.com/sponsors/soenneker","https://thanks.dev/soenneker"],"categories":[],"sub_categories":[],"readme":"[![](https://img.shields.io/nuget/v/soenneker.blazor.stripe.elements.svg?style=for-the-badge)](https://www.nuget.org/packages/soenneker.blazor.stripe.elements/)\n[![](https://img.shields.io/github/actions/workflow/status/soenneker/soenneker.blazor.stripe.elements/publish-package.yml?style=for-the-badge)](https://github.com/soenneker/soenneker.blazor.stripe.elements/actions/workflows/publish-package.yml)\n[![](https://img.shields.io/nuget/dt/soenneker.blazor.stripe.elements.svg?style=for-the-badge)](https://www.nuget.org/packages/soenneker.blazor.stripe.elements/)\n[![](https://img.shields.io/github/actions/workflow/status/soenneker/soenneker.blazor.stripe.elements/codeql.yml?label=CodeQL\u0026style=for-the-badge)](https://github.com/soenneker/soenneker.blazor.stripe.elements/actions/workflows/codeql.yml)\n\n# ![](https://user-images.githubusercontent.com/4441470/224455560-91ed3ee7-f510-4041-a8d2-3fc093025112.png) Soenneker.Blazor.Stripe.Elements\n\n**A modular, strongly-typed Blazor library for Stripe Elements** � designed to provide first-class C# configuration and deep interop with Stripe.js. Built for modern Blazor projects using Stripe's Payment, Link Authentication, and Address Elements.\n\n## ? Features\n\n* ?? **Blazor-native components** for `\u003cStripeElements\u003e`, `\u003cStripePaymentElement\u003e`, `\u003cStripeLinkAuthenticationElement\u003e`, and `\u003cStripeAddressElement\u003e`\n* ?? **Fully configurable via C#** � with strong typing for all supported options, including appearance, locale, currency, developer tools, and more\n* ?? **Appearance API support** with extensible theming and rule control\n* ?? **Supports SetupIntents**, on-submit hooks, and validation workflows\n* ?? Compatible with Stripe test environments and developer tooling\n* ?? Seamless async interop with Stripe.js lifecycle\n\n\u003cimg src=\"https://github.com/user-attachments/assets/a2f8777a-02e0-40de-afd6-fe4d1211427b\" width=\"80%\"\u003e\u003c/img\u003e\n\n## ?? Installation\n\n```bash\ndotnet add package Soenneker.Blazor.Stripe.Elements\n```\n\n---\n\n## ??? Usage\n\n### 1. Register Stripe in your Blazor project\n\n```csharp\nbuilder.Services.AddStripeElementsInteropAsScoped();\n```\n\n### 2. Add the components to your Razor page\n\n```razor\n\u003cStripeElements @ref=\"_stripeElements\" StripeElementsConfiguration=\"_config\"\u003e\n\n    \u003cStripeAddressElement /\u003e\n    \u003cStripeLinkAuthenticationElement /\u003e\n    \u003cStripePaymentElement /\u003e\n\n    \u003cButton Clicked=\"Submit\"\u003eSubmit\u003c/Button\u003e\n\u003c/StripeElements\u003e\n```\n\n### 3. Configure Stripe using C\\#\n\n```csharp\n_config = new StripeElementsConfiguration\n{\n    PublishableKey = \"pk_test_...\",\n    ElementsOptions = new StripeElementsOptions\n    {\n        Locale = \"auto\",\n        Currency = CurrencyCode.Usd,\n        Mode = StripeElementsMode.Setup,\n        Appearance = new StripeAppearance\n        {\n            Theme = StripeElementsTheme.Flat,\n            Variables = new StripeAppearanceVariablesExtended\n            {\n                ColorPrimary = \"#0570de\",\n                BorderRadius = \"4px\"\n            }\n        }\n    },\n    AddressOptions = new StripeAddressOptions\n    {\n        Mode = StripeAddressMode.Billing,\n        AllowedCountries = [\"US\", \"CA\"],\n        Fields = new StripeAddressFields\n        {\n            Phone = StripeAddressFieldsPhoneOption.Auto\n        }\n    }\n};\n```\n\n---\n\n## ? Components\n\n| Component                         | Purpose                                    |\n| --------------------------------- | ------------------------------------------ |\n| `StripeElements`                  | Wrapper and manager for all child elements |\n| `StripePaymentElement`            | Handles card and express payments          |\n| `StripeLinkAuthenticationElement` | Collects email and links with Stripe Link  |\n| `StripeAddressElement`            | Collects billing or shipping address       |\n| `StripeElementsConfiguration`     | Full C# model to control everything        |\n\n---\n\n## ?? Official Stripe Docs\n\n* ?? [Stripe Elements Overview](https://docs.stripe.com/elements)\n* ?? [Elements JavaScript API Reference](https://docs.stripe.com/js/element)\n* ?? [Payment Element](https://docs.stripe.com/js/element/payment_element)\n* ?? [Address Element](https://docs.stripe.com/js/element/address_element)\n* ?? [Link Authentication Element](https://docs.stripe.com/js/element/link_authentication_element)\n* ?? [Appearance API (Theme \u0026 Styling)](https://docs.stripe.com/elements/appearance-api)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoenneker%2Fsoenneker.blazor.stripe.elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoenneker%2Fsoenneker.blazor.stripe.elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoenneker%2Fsoenneker.blazor.stripe.elements/lists"}