cruc components for Magento 2

Preview 

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link media="all" rel="stylesheet" href="../../css/styles.css" />
    <script src="/components/raw/libs/debounce.js"></script>
    <script src="/components/raw/libs/lazysizes.js"></script>
    <script src="/components/raw/libs/svg4everybody.js"></script>
    <script src="/components/raw/libs/focus-visible.js"></script>
    <script src="/components/raw/libs/nouislider.min.js"></script>
    <script src="/components/raw/libs/jquery.min.js"></script>
    <script src="/components/raw/libs/select2.min.js"></script>
    <script src="/components/raw/libs/slick.min.js"></script>
    <script src="/components/raw/libs/aos.js"></script>
    <script>
        svg4everybody();
    </script>
    <script src="/components/raw/common-js/../collapsible/collapsible.js"></script>
    <script src="/components/raw/common-js/../dropdown-list/dropdown-list.js"></script>
    <script src="/components/raw/common-js/../tooltip/tooltip.js" defer></script>
    <script src="/components/raw/common-js/../more-info/more-info.js" defer></script>
    <script src="/components/raw/common-js/../modal/modal.js"></script>
</head>

<body class="components">

</body>

</html>
 
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{{ _target.title }}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link media="all" rel="stylesheet" href="{{ path '/css/styles.css' }}" />
        {{> @libs }}
        {{> @common-js }}
    </head>
    <body class="components">
        {{{ yield }}}
    </body>
</html>
 
/* No context defined for this component. */

There are no notes for this item.