Salt Design System
Salt is J.P. Morgan's open-source design system, providing accessible components and extensive design resources to create exceptional digital experiences across lines of business.
Get started

Discover the power of Salt

Foundations
Apply core principles for a cohesive and user-friendly design language.
Learn about Salt Foundations
Components
Find accessible, well-documented UI components and examples.
Play with Salt Components
Patterns
Use detailed pattern guidance to create compositions that are specific to your use case.
Be inspired with Salt Patterns
Tokens & Themes
Understand the structure of our design tokens and how they are used to create Salt themes.
Apply Salt Themes

What to expect

Small components, flexible patterns

We can't build components for every use case across every line of business, so we focus on building small, quality components and demonstrate putting them together as pattern examples for specific business requirements.

Lightweight, dependency-light

We aim to keep Salt as lightweight as possible, with minimal dependencies. We've built our components from the ground up to be customizable and easy to keep up-to-date.

Composable APIs

We have looked at the friction points of legacy APIs to make them more consistent and composable. Our components have features for most common use cases and their APIs allow them to be composed with other elements for nuanced cases.

A systematic spacing grid

All of our components support our four density systems by using a 4px scaling grid. This allows you to use components that 'fit' together cohesively at a size which is optimal for the amount of data you have on the screen.

WCAG 2.1 accessibility

Our components follow Web Content Accessibility Guidelines (WCAG) 2.1 to AA standards as a core requirement, not an afterthought. We believe in digital inclusion and commit to supporting diverse user needs.

Token-driven styling

Styling is driven holistically through an abstraction of CSS variables that link components together. No third-party libraries, just vanilla CSS!
Learn more about Salt

How to find help

J.P. Morgan internal resources

A wealth of information for JPM employees, including OKRs, migration guides, updates, training and shared patterns.

Visit Salt's internal site
J.P. Morgan contributor

Make the most of our growing community inside JPM to quickly find the support that you need.

Get help from the team and community
External contributor

Suggest improvements to our system and documentation, or help us to raise the quality bar by reporting a bug.

Access Open Source support

Latest updates

Mar 07, 2025
@salt-ds/core@1.42.0
  • Added strong and small font weight support to Text when styleAs="action".
  • Added variant="ghost" to Card with translucent background.
  • Added underline prop to Link. It controls when the underline text decoration is applied to a link.
Read the release notes
Feb 20, 2025
@salt-ds/core@1.41.0
  • Added accent colored Links.
  • Added color prop to Avatar. Using color will change Avatar's background to one of the 20 categorical colors or accent.
Read the release notes