release update

Accelerate design and development with new patterns, library upgrades, and refreshed icons

Get the latest on new patterns—including filters, version updates across code libraries, and more.

Sep 29, 2025

Overview

Since our public launch in April 2025, active users of the Visa Product Design System (VPDS) have soared to over 32,000—a clear sign of rapid adoption and growing trust across teams. Whether you’re new to VPDS or a long‑time user, our team has been moving at full speed to deliver more high‑quality assets, empowering you to build the best ways to pay and be paid.


This release delivers brand‑new design assets for Filters and an expanded icons library—now available in Figma. You’ll also find coded examples for Application layouts, Chat, File upload, and Wizard patterns, ready for your teams to use. On the engineering side, we’ve upgraded to React 19, Angular 20, and Flutter 3.29 with improved accessibility, along with optimized CSS styles powered by rem-based tokens.


Dive into the rest of the updates below.

A variety of llustrated UI elements

Development updates

Check out the latest refinements and updates from our engineering and development teams. Stay tuned as we continue to refine and expand our code offerings.

write icon

Coded pattern examples

Start coding quickly with new examples for Application layouts, Chat, File upload, and Wizard. Each pattern is available alongside usage and accessibility guidance, ensuring designers and developers are empowered to create consistent experiences without starting from scratch.


Explore all Patterns
angular icon

Nova Angular for web

Build with the upgraded Nova Angular—now compatible with Angular 20, with support for versions 16 and 17 retired. Take advantage of more efficient change detection and reactive state management powered by Angular’s Signals. Enjoy smoother, more predictable behavior with sync issues eliminated when inputs take priority over internal state.


Visit Angular changelogFind the package, version, and code
flutter icon

Nova Flutter for mobile

Explore the new features in the Nova Flutter package, including a fresh SDK, improved lifecycle hygiene, and enhanced accessibility. Speed up your first-build times by up to 15% with reduced memory use and ensure VListTile selections are announced correctly in TalkBack and VoiceOver—improving WCAG 4.1.2 compliance.


Visit Flutter changelogFind the package, version, and code
react icon

Nova React for web

Discover leaner runtimes and standard kebab-case ARIA props in Nova React—now upgraded to React 19. Reduce your install size by making the @visa/nova-icons-react package optional, and remove extra forwardRef wrappers so components use the native ref prop for cleaner code and more accurate TypeScript types.


Visit React changelogFind the package, version, and code
css icon

Nova styles for web

Experience smarter theming, fewer overrides, and better scaling with Core CSS. Adjust dialog spacing instantly with the —v-dialog-margin token, and ensure consistent keyboard focus spacing with the dense list-item pattern. Hybrid themes now automatically follow the operating system’s light/dark setting, with consolidated light and dark styles. All sizing tokens now use rem for accurate icon and text scaling with —theme-scale-factor.


Visit CSS (Styles) changelogFind the package, version, and code

Design updates

Discover what’s new from our design and content design teams. Stay tuned as we continue to refine and expand our design offerings.

Filters pattern

Accelerate your workflow with our new Filters pattern and quickly add fully responsive filtering functionality straight into your flows. Available in multiple layouts, this comprehensive pattern offers best practices and detailed guidelines to help you design intuitive and engaging experiences.


Explore Filters guidelines

Additions to the icons library

Explore our updated batch of icons for common concepts and UI actions. This release adds icons for bug, debug, goal, launch, thumbs up, thumbs down, token, and more. Browse the full collection in the VPDS Icons library


Explore Icons and Illustrations guidelines

Ready to get started?

Unlock the full potential of VPDS today. Visit the VPDS homepage to explore these updates, access resources, and experience how we’re transforming the way teams create. We also welcome our partners and those outside of Visa to learn about us and how VPDS can enhance your projects.


Stay connected

Have questions or want to join our community? Subscribe to our email list, visit our office hours, or join us on Teams.


Related topics