TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: dribbble.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "fontSize": {
    "mona-sans-14px-400": "14px",
    "mona-sans-13px-600": "13px",
    "mona-sans-12px-500": "12px",
    "mona-sans-16px-400": "16px",
    "mona-sans-9px-800": "9px",
    "mona-sans-52px-600": "52px",
    "mona-sans-11px-700": "11px",
    "mona-sans-13-3333px-400": "13.3333px",
    "mona-sans-18px-700": "18px"
  },
  "spacing": {
    "3px": "3px",
    "4px": "4px",
    "5px": "5px",
    "6px": "6px",
    "8px": "8px",
    "10px": "10px",
    "12px": "12px",
    "14px": "14px",
    "16px": "16px",
    "19px": "19px",
    "20px": "20px",
    "24px": "24px",
    "26px": "26px",
    "32px": "32px",
    "34px": "34px",
    "36px": "36px",
    "40px": "40px",
    "48px": "48px",
    "50px": "50px",
…

All Tokens