get-started - download

Ctrl K

Theme Components Ajax Events Functions Template Get-Started

Play CDN allows you to quickly include Name in your projects without the need for manual downloads Here how you can use it

<link href="https://cdn.gilob.in/public/min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.gilob.in/public/min.js"></script>

download

latest-download.zip

Alert Exmaple

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>smaple</title> <!-- defulat  scropts-->
  <link href="./src/ui-gilob.css" rel="stylesheet" type="text/css">
<script src="./src/ui-gilob.js"></script>
</head>

<body>
  <div class="h1 t-center">Hello World</div>
  <script>
   $alert("Hello World")
 </script>
</body>

</html>

Hello World Example

learn more template

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Smaple</title>
   <link href="./src/ui-gilob.css" rel="stylesheet" type="text/css">
<script src="./src/ui-gilob.js"></script>
</head>

<body class="theme fixed p0 over-x-adjust center">

    <nav class="sidebar b-right p-x" s-defind="menu">
        <div class="sidebar-content flex flex-col gap">
            <div>Item1</div>
            <div>Item1</div>
        </div>
    </nav>
    <div class="body  flex flex-col">

        <header class="p-x flex bg-p c-s2 b-radius" md-fix="true">
            <div class="h3">Brand</div>
            <button class="m-auto-l button" align="icon" align-l="y" sidebar="trigger" s-defind="menu">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M2 5L2 7L22 7L22 5L2 5 z M 2 11L2 13L22 13L22 11L2 11 z M 2 17L2 19L22 19L22 17L2 17 z"
                            fill="#FFFFFF" />
                    </svg>
                </div>
            </button>
        </header>

        <div class="home p-x d-scroll grid center-tb ">
            <div class="h1 bold t-center">
                Hello World
            </div>
        </div>

    </div>
</body>

</html>

components

Form