Quick Start

HTML

Start your development with this theme by using the HTML syntax below. We provide two template options to help make web development easier, which include with customizer and without customizer. You can try it yourself!

<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed " dir="ltr" data-theme="theme-default"
  data-assets-path="https://cui-unity.mypge.id/cdn/assets/" data-template="vertical-menu-template-starter">

<head>
  <meta charset="utf-8" />
  <title>Title</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />
 
  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

  <!-- Helpers -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/template-customizer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/js/config.js"></script>
</head>

<body>
  <h1>Hello, world!</h1>

  <!-- Core JS -->
  <!-- build:js assets/vendor/js/core.js -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js"></script>
  <!-- endbuild -->

  <!-- Main JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/js/main.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed " dir="ltr" data-theme="theme-default"
  data-assets-path="https://cui-unity.mypge.id/cdn/assets/" data-template="vertical-menu-template-starter">

<head>
  <meta charset="utf-8" />
  <title>Title</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css"/>
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css"/>
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

  <!-- Helpers -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/js/config.js"></script>
</head>

<body>
  <h1>Hello, world!</h1>

  <!-- Core JS -->
  <!-- build:js assets/vendor/js/core.js -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js"></script>
  <!-- endbuild -->

  <!-- Main JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/js/main.js"></script>
</body>

</html>

React

Start your development with this theme by using the React syntax below. We provide two template options to help make web development easier, which include with customizer and without customizer. You can try it yourself!

<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed " dir="ltr" data-theme="theme-default"
  data-assets-path="https://cui-unity.mypge.id/cdn/assets/" data-template="vertical-menu-template-starter">

<head>
  <meta charset="utf-8" />
  <title>Title</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

  <!-- Helpers -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/template-customizer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/js/config.js"></script>
</head>

<body>
  <div id="root"></div>

  <!-- Core JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js"></script>

  <!-- Main JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/js/main.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed " dir="ltr" data-theme="theme-default"
  data-assets-path="https://cui-unity.mypge.id/cdn/assets/" data-template="vertical-menu-template-starter">

<head>
  <meta charset="utf-8" />
  <title>Title</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css"/>
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css"/>
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

  <!-- Helpers -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/js/config.js"></script>
</head>

<body>
  <div id="root"></div>

  <!-- Core JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js"></script>

  <!-- Main JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/js/main.js"></script>
</body>

</html>
New React Component
<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed " dir="ltr" data-theme="theme-default"
  data-assets-path="https://cui-unity.mypge.id/cdn/assets/" data-template="vertical-menu-template-starter">

<head>
  <meta charset="utf-8" />
  <title>Title</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

  <!-- Helpers -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/template-customizer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/js/config.js"></script>
</head>

<body>
  <div id="root"></div>

  <!-- Core JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js"></script>

  <!-- Main JS -->
  <script src="https://cui-unity.mypge.id/cdn/assets/js/main.js"></script>
</body>

</html>

NextJS

Start your development with this theme by using the NextJS syntax below. We provide two template options to help make web development easier, which include with customizer and without customizer. You can try it yourself!

import Head from 'next/head';
import Script from 'next/script';

export default function Home() {
  return (
    <div className={styles.container}>
      <Head>
        <meta charSet="utf-8" />
        <title>Title</title>

        <!-- Favicon -->
        <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />

        <!-- Icons -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

        <!-- Core CSS -->
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css" className="template-customizer-core-css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css" className="template-customizer-theme-css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

        <!-- Vendors CSS -->
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

        <!-- Helpers -->
        <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js" strategy="beforeInteractive" />
        <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/template-customizer.js" strategy="beforeInteractive" />
        <Script src="https://cui-unity.mypge.id/cdn/assets/js/config.js" strategy="beforeInteractive" />
      </Head>

      <h1>Hello, world!</h1>

      <!-- Core JS -->
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js" strategy="lazyOnload" />

      <!-- Main JS -->
      <Script src="https://cui-unity.mypge.id/cdn/assets/js/main.js" strategy="lazyOnload" />
    </div>
  );
}
import Head from 'next/head';
import Script from 'next/script';

export default function Home() {
  return (
    <div className={styles.container}>
      <Head>
        <meta charSet="utf-8" />
        <title>Title</title>

        <!-- Favicon -->
        <link rel="icon" type="image/x-icon" href="https://cui-unity.mypge.id/cdn/assets/img/favicon/favicon.ico" />

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />

        <!-- Icons -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icons@7.2.3/css/flag-icons.min.css" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" />

        <!-- Core CSS -->
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/core.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/css/rtl/theme-default.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/css/demo.css" />

        <!-- Vendors CSS -->
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.css" />
        <link rel="stylesheet" href="https://cui-unity.mypge.id/cdn/assets/vendor/libs/typeahead-js/typeahead.css" />

        <!-- Helpers -->
        <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/helpers.js" strategy="beforeInteractive" />
        <Script src="https://cui-unity.mypge.id/cdn/assets/js/config.js" strategy="beforeInteractive" />
      </Head>

      <h1>Hello, world!</h1>

      <!-- Core JS -->
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/jquery/jquery.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/popper/popper.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/bootstrap.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/node-waves/node-waves.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/libs/hammer/hammer.js" strategy="lazyOnload" />
      <Script src="https://cui-unity.mypge.id/cdn/assets/vendor/js/menu.js" strategy="lazyOnload" />

      <!-- Main JS -->
      <Script src="https://cui-unity.mypge.id/cdn/assets/js/main.js" strategy="lazyOnload" />
    </div>
  </Home>
</code></pre>

Template Customizer

Customize and preview in real time

Theming
Layout