Skip to content

MetaMask/metamask-design-system

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date
Nov 18, 2024
Oct 1, 2024
Sep 17, 2024
Jan 24, 2025
Jan 29, 2025
Jan 29, 2025
Jan 29, 2025
Jan 29, 2025
Oct 8, 2024
Sep 17, 2024
Nov 5, 2024
Sep 17, 2024
Jan 29, 2025
Oct 8, 2024
Nov 5, 2024
Nov 27, 2024
Oct 8, 2024
Jan 29, 2025
Nov 4, 2024
Oct 8, 2024
Jan 29, 2025
Oct 8, 2024
Dec 3, 2024
Nov 21, 2024
Nov 22, 2024
Nov 13, 2024
Oct 8, 2024
Dec 11, 2024
Jan 29, 2025

Repository files navigation

MetaMask Design System

The MetaMask Design System monorepo

Modules

This repository contains the following packages 1:

Or, in graph form 1:

Loading
%%{ init: { 'flowchart': { 'curve': 'bumpX' } } }%%
graph LR;
linkStyle default opacity:0.5
  design_system_react(["@metamask/design-system-react"]);
  design_system_react_native(["@metamask/design-system-react-native"]);
  design_system_tailwind_preset(["@metamask/design-system-tailwind-preset"]);
  design_system_twrnc_preset(["@metamask/design-system-twrnc-preset"]);
  design_tokens(["@metamask/design-tokens"]);
  design_system_react --> design_system_tailwind_preset;
  design_system_react_native --> design_system_twrnc_preset;

Refer to individual packages for usage instructions.

Learn more

For instructions on performing common development-related tasks, see contributing to the monorepo.

Footnotes

  1. The package list and dependency graph should be programmatically generated by running yarn update-readme-content. 2