<div id="xkit-app"></div>
<script src="https://embed.xkit.co/xkit-catalog.js"></script>

body {
  padding: 30px;
}

$(() => {
  xkit.ready(() => {
    xkit.renderCatalog(document.getElementById("xkit-app"), {
      routerType: 'memory',
      hideTitle: true,
      hideSearch: true,
      theme: {
        card: {
          borderRadius: 16,
          elevation: 0,
          hoverElevation: 1,
          padding: 32
        },
        text: {
          fonts: {
            ui: 'Open Sans',
            display: 'Open Sans'
          },
          colors: {
            dark: '#0E0922'
          }
        },
        buttons: {
          primary: {
            background: '#A72693',
            textColor: '#FCFBF0'
          }
        }
      }
    })
  })
});