oda-framework/components/layouts/scheme-layout/ruler-grid/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="utf-8">
<script type="module" src="../../../../oda.js"></script>
<script type="module" src="./ruler-grid.js"></script>

<oda-tester>
    <oda-ruler-grid style="width: 100%; height: 100%"></oda-ruler-grid>
</oda-tester>