JSON-Menu

Convert your json data into a beautiful dashboard.

Download Free 14 day trial, no credit card required.
[
  {
    type: 'longbox',
    title: '60%',
    smallTitle: 'increase',
    subtitle: '21 shipped',
    chartType: 'pie',
    chartConfig: {
      colors: [
        '#0CC2AA',
        '#F1F2F3'
      ],
      data: [{
        y: 60.00
      }, {
        y: 40.00
      }]
    }
  },
  {
    type: 'longbox',
    title: '25%',
    smallTitle: 'decrease',
    subtitle: '623 activities',
    chartType: 'sparkline',
    chartConfig: {
      colors: [ '#A88ADD' ],
      pointStart: 1,
      data: [29.9, 71.5, 106.4, 129.2, 144.0],
    }
  },
  {
    type: 'longbox',
    title: '75',
    smallTitle: 'sales',
    subtitle: '6 awaiting payment',
    icon: 'shopping_basket'
  }
]
  
Windows & Unix builds coming soon

Docs

  • For a full example of all supported elements try this json file.
  • For icons we use Material Icons. Once you picked an icon, remember to replace spaces in the icon name with underscores (eg: 'account circle' would be 'account_circle').