{"templateId":"../../../@theme/Templates/ReleaseNote.tsx","sharedDataIds":{},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown","date":"2025-12-01","monthLabel":"December 2025","order":0,"legacyAnchor":"finixjs-v2-update"},"seo":{"title":"finix.js v2 update","description":"We're excited to introduce Finix.js v2, a major upgrade to our client-side tokenization library.","siteUrl":"https://docs.finix.com/","llmstxt":{"hide":false,"sections":[{"title":"Getting Started","includeFiles":["guides/getting-started/**/*.md"],"excludeFiles":[]},{"title":"Online Payments","includeFiles":["guides/online-payments/**/*.md"],"excludeFiles":["guides/online-payments/payment-features/fsa-hsa-non-healthcare-mcc.md"]},{"title":"In-Person Payments","includeFiles":["guides/in-person-payments/**/*.md"],"excludeFiles":[]},{"title":"Subscriptions","includeFiles":["guides/subscriptions/**/*.md"],"excludeFiles":[]},{"title":"After the Payment","includeFiles":["guides/after-the-payment/**/*.md"],"excludeFiles":[]},{"title":"Managing Operations","includeFiles":["guides/managing-operations/**/*.md"],"excludeFiles":[]},{"title":"Platform Payments","includeFiles":["guides/platform-payments/**/*.md"],"excludeFiles":[]},{"title":"Payouts","includeFiles":["guides/payouts/**/*.md"],"excludeFiles":[]},{"title":"Low-Code / No-Code","includeFiles":["low-code-no-code/**/*.md"],"excludeFiles":[]},{"title":"Developers","includeFiles":["additional-resources/developers/**/*.md"],"excludeFiles":[]},{"title":"Plugins","includeFiles":["additional-resources/plugins/**/*.md"],"excludeFiles":[]},{"title":"Industry Considerations","includeFiles":["guides/industry-considerations/**/*.md"],"excludeFiles":[]},{"title":"Regional Considerations","includeFiles":["guides/regional-considerations/**/*.md"],"excludeFiles":[]},{"title":"Release Notes","includeFiles":["release-notes/**/*.md"],"excludeFiles":[]}],"excludeFiles":[]},"image":"/assets/additional-resources-release-notes.9735f92c59d5741ad884fb4d9a1496310d990a863871921fa63028cdf2aed328.04fe652d.png"},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"finixjs-v2-update","__idx":0},"children":["finix.js v2 update"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["We're excited to introduce ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finix.js v2"]},", a major upgrade to our client-side tokenization library."," ","This release focuses heavily on performance, security, modern web compatibility, and developer experience."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["With a ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["10× smaller bundle"]},", simplified configuration, improved validation, and a fully refreshed UI system, v2 makes it easier than ever to build secure, PCI-compliant payment flows across modern web applications."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"whats-new-in-v2","__idx":1},"children":["What's New in v2"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"-10-smaller-bundle-size","__idx":2},"children":["🚀 10× Smaller Bundle Size"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Faster load times, reduced bandwidth usage, and dramatically improved behavior on slower networks and mobile devices."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"️-improved-form-validation","__idx":3},"children":["✔️ Improved Form Validation"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Enhanced client-side validation, including improved international card validation, bank-account validation, and real-time error feedback."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"-shadow-dom-and-web-app-support","__idx":4},"children":["🌐 Shadow DOM and Web App Support"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Full compatibility with web components, micro-frontends, and modern reactive frameworks."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"-new-pre-built-themes--dark-mode","__idx":5},"children":["🎨 New Pre-Built Themes + Dark Mode"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Cleaner UI out of the box with theme presets (",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["finix"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["amethyst"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["sapphire"]},", etc.) and complete dark-mode support."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"️-enhanced-customization","__idx":6},"children":["🛠️ Enhanced Customization"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Improved ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["styles"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["fonts"]}," APIs allow for even more brand-level customization."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"-plaid-link-support","__idx":7},"children":["🏦 Plaid Link Support"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["When accepting ACH / bank payments, the form now automatically integrates with ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Plaid Link"]}," for a modern, secure bank-account experience."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Learn more about our finix.js v2 by visiting our ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/guides/online-payments/payment-tokenization/tokenization-forms"},"children":["tokenization form guide"]},"."]}]},"headings":[{"value":"finix.js v2 update","id":"finixjs-v2-update","depth":1},{"value":"What's New in v2","id":"whats-new-in-v2","depth":2},{"value":"🚀 10× Smaller Bundle Size","id":"-10-smaller-bundle-size","depth":3},{"value":"✔️ Improved Form Validation","id":"️-improved-form-validation","depth":3},{"value":"🌐 Shadow DOM and Web App Support","id":"-shadow-dom-and-web-app-support","depth":4},{"value":"🎨 New Pre-Built Themes + Dark Mode","id":"-new-pre-built-themes--dark-mode","depth":4},{"value":"🛠️ Enhanced Customization","id":"️-enhanced-customization","depth":3},{"value":"🏦 Plaid Link Support","id":"-plaid-link-support","depth":3}],"frontmatter":{"template":"../../../@theme/Templates/ReleaseNote.tsx","seo":{"title":"finix.js v2 update","description":"We're excited to introduce Finix.js v2, a major upgrade to our client-side tokenization library.","image":"/assets/additional-resources-release-notes.9735f92c59d5741ad884fb4d9a1496310d990a863871921fa63028cdf2aed328.04fe652d.png"},"metadata":{"date":"2025-12-01","monthLabel":"December 2025","order":0,"legacyAnchor":"finixjs-v2-update"}},"lastModified":"2026-11-02T18:31:22.770Z","pagePropGetterError":{"message":"","name":""}},"slug":"/release-notes/2025/12/finixjs-v2-update","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}