Neptune Web

Neptune is the Design System built by and used at TransferWise. This is the Neptune framework for Web. The React components and CSS provide a way to build high quality, consistent user experiences on the web with ease.

Setup

The React components and CSS are distributed separately as npm packages. Get started now by following the setup guide.

Components

Neptune Web components contains many widgets ranging from simple buttons to more complex components like typeahead or flow navigation. Browse all our components, or feel free to raise an issue or contribute if there's something else you'd like to see.

CSS

Neptune Web CSS comprises core foundational styles like typography, colours and spacing, and a number of utility classes for layout, display and more. It exposes a number of custom properties at the :root, which you can use in your application. These are documented under Tokens.

Dynamic forms

Neptune Web Dynamic forms provides form related components and dynamic form functionality. All dynamic form components are listed under the grouping Dynamic forms.

Usage guidelines

Platform agnostic usage guidelines are available on Github. If you have questions or comments on component usage you can raise them there.

Edit these docs on Github