<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'
          }
        }
      }
    })
  })
});

External CSS

  1. https://fonts.googleapis.com/css2?family=Open+Sans:ital,[email protected],300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js