https://preline.co/login

1<!DOCTYPE html>
2<html lang="en" class="h-full">
3
4<head>
5  <!-- Required Meta Tags Always Come First -->
6  <meta charset="utf-8">
7  <meta name="robots" content="noindex, follow">
8  <link rel="canonical" href="https://preline.co/login">
9  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10  <meta name="description"
11    content="Bring your ideas to life in no time with the ultimate Web App solutions. Crafted for UX designers, developers, product engineers, entrepreneurs and visionaries">
12
13  <meta name="twitter:site" content="@preline">
14  <meta name="twitter:creator" content="@preline">
15  <meta name="twitter:card" content="summary_large_image">
16  <meta name="twitter:title" content="Sign In | Preline Pro | Preline UI, crafted with Tailwind CSS">
17  <meta name="twitter:description"
18    content="Bring your ideas to life in no time with the ultimate Web App solutions. Crafted for UX designers, developers, product engineers, entrepreneurs and visionaries">
19  <meta name="twitter:image" content="https://preline.co/assets/img/og-image.png">
20
21  <meta property="og:url" content="https://preline.co/login">
22  <meta property="og:locale" content="en_US">
23  <meta property="og:type" content="website">
24  <meta property="og:site_name" content="Preline">
25  <meta property="og:title" content="Sign In | Preline Pro | Preline UI, crafted with Tailwind CSS">
26  <meta property="og:description"
27    content="Bring your ideas to life in no time with the ultimate Web App solutions. Crafted for UX designers, developers, product engineers, entrepreneurs and visionaries">
28  <meta property="og:image" content="https://preline.co/assets/img/og-image.png">
29
30  <!-- Title -->
31  <title>Sign In | Preline Pro | Preline UI, crafted with Tailwind CSS</title>
32
33  <!-- Favicon -->
34  <link rel="shortcut icon" href="../favicon.ico">
35
36  <!-- Font -->
37  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
38
39  
40  <!-- CSS HS -->
41  <link rel="stylesheet" href="../assets/css/main.min.css?v=1.0.0">
42
43  <link href="https://preline.co/primary-assets/css/app.css" rel="stylesheet">
44  <!-- Theme Check and Update -->
45  

45<script>
46    const html = document.querySelector('html');
47
48    if (localStorage.getItem('hs_theme') === 'light' && html.classList.contains('dark')) html.classList.remove('dark');
49    else if (localStorage.getItem('hs_theme') === 'dark' && html.classList.contains('light')) html.classList.remove(
50      'light');
51    else if (localStorage.getItem('hs_theme') === 'dark' && !html.classList.contains('dark')) html.classList.add('dark');
52    else if (localStorage.getItem('hs_theme') === 'light' && !html.classList.contains('light')) html.classList.add(
53      'light');
54  </script>

54
55</head>
56
57<body
58  class="pro-hero-gradients-bg relative flex h-full items-center py-16 before:absolute before:top-0 before:start-1/2  before:bg-no-repeat before:bg-center before:bg-cover before:w-full before:h-screen before:transform before:-translate-x-1/2 dark:bg-neutral-900">
59  <!-- ========== MAIN CONTENT ========== -->
60  <main id="content" role="main" class="relative z-10 w-full max-w-md mx-auto p-6 space-y-6">
61    <!-- Logo -->
62    <div class="text-center">
63      <a class="inline-block focus:outline-none focus:opacity-80" href="https://preline.co">
64        <svg class="w-32 h-auto" width="116" height="32" viewBox="0 0 116 32" fill="none"
65          xmlns="http://www.w3.org/2000/svg">
66          <path
67            d="M33.5696 30.2968V10.7968H37.4474V13.1789H37.6229C37.7952 12.7972 38.0445 12.4094 38.3707 12.0155C38.7031 11.6154 39.134 11.283 39.6634 11.0183C40.1989 10.7475 40.8636 10.6121 41.6577 10.6121C42.6918 10.6121 43.6458 10.8829 44.5199 11.4246C45.3939 11.9601 46.0926 12.7695 46.6158 13.8529C47.139 14.93 47.4006 16.2811 47.4006 17.9061C47.4006 19.488 47.1451 20.8237 46.6342 21.9132C46.1295 22.9966 45.4401 23.8183 44.5661 24.3784C43.6982 24.9324 42.7256 25.2094 41.6484 25.2094C40.8852 25.2094 40.2358 25.0832 39.7003 24.8308C39.1709 24.5785 38.737 24.2615 38.3984 23.8799C38.0599 23.4921 37.8014 23.1012 37.6229 22.7073H37.5028V30.2968H33.5696ZM37.4197 17.8877C37.4197 18.7309 37.5367 19.4665 37.7706 20.0943C38.0045 20.7222 38.343 21.2115 38.7862 21.5624C39.2294 21.9071 39.768 22.0794 40.402 22.0794C41.0421 22.0794 41.5838 21.904 42.027 21.5532C42.4702 21.1961 42.8056 20.7037 43.0334 20.0759C43.2673 19.4419 43.3842 18.7125 43.3842 17.8877C43.3842 17.069 43.2704 16.3488 43.0426 15.7272C42.8149 15.1055 42.4794 14.6192 42.0362 14.2683C41.593 13.9175 41.0483 13.7421 40.402 13.7421C39.7618 13.7421 39.2202 13.9113 38.777 14.2499C38.34 14.5884 38.0045 15.0685 37.7706 15.6902C37.5367 16.3119 37.4197 17.0444 37.4197 17.8877ZM49.2427 24.9786V10.7968H53.0559V13.2712H53.2037C53.4622 12.391 53.8961 11.7262 54.5055 11.2769C55.1149 10.8214 55.8166 10.5936 56.6106 10.5936C56.8076 10.5936 57.02 10.6059 57.2477 10.6306C57.4754 10.6552 57.6755 10.689 57.8478 10.7321V14.2222C57.6632 14.1668 57.4077 14.1175 57.0815 14.0745C56.7553 14.0314 56.4567 14.0098 56.1859 14.0098C55.6073 14.0098 55.0903 14.136 54.6348 14.3884C54.1854 14.6346 53.8284 14.9793 53.5638 15.4225C53.3052 15.8657 53.176 16.3765 53.176 16.9551V24.9786H49.2427ZM64.9043 25.2556C63.4455 25.2556 62.1898 24.9601 61.1373 24.3692C60.0909 23.7721 59.2845 22.9289 58.7182 21.8394C58.1519 20.7437 57.8688 19.448 57.8688 17.9523C57.8688 16.4935 58.1519 15.2132 58.7182 14.1114C59.2845 13.0096 60.0816 12.1509 61.1096 11.5354C62.1437 10.9199 63.3563 10.6121 64.7474 10.6121C65.683 10.6121 66.5539 10.7629 67.3603 11.0645C68.1728 11.36 68.8806 11.8062 69.4839 12.4033C70.0932 13.0004 70.5672 13.7513 70.9057 14.6561C71.2443 15.5548 71.4135 16.6074 71.4135 17.8138V18.8941H59.4384V16.4566H67.7111C67.7111 15.8903 67.588 15.3886 67.3418 14.9516C67.0956 14.5146 66.754 14.1729 66.317 13.9267C65.8861 13.6744 65.3844 13.5482 64.812 13.5482C64.2149 13.5482 63.6856 13.6867 63.2239 13.9637C62.7684 14.2345 62.4114 14.6007 62.1529 15.0624C61.8944 15.5179 61.762 16.0257 61.7559 16.5858V18.9033C61.7559 19.605 61.8851 20.2113 62.1437 20.7222C62.4083 21.2331 62.7807 21.627 63.2608 21.904C63.741 22.181 64.3103 22.3195 64.9689 22.3195C65.406 22.3195 65.8061 22.2579 66.1692 22.1348C66.5324 22.0117 66.8432 21.8271 67.1018 21.5808C67.3603 21.3346 67.5572 21.033 67.6927 20.676L71.3304 20.9161C71.1458 21.7901 70.7672 22.5534 70.1948 23.2058C69.6285 23.8522 68.896 24.3569 67.9974 24.7201C67.1048 25.0771 66.0738 25.2556 64.9043 25.2556ZM77.1335 6.06949V24.9786H73.2003V6.06949H77.1335ZM79.5043 24.9786V10.7968H83.4375V24.9786H79.5043ZM81.4801 8.96863C80.8954 8.96863 80.3937 8.77474 79.9752 8.38696C79.5628 7.99302 79.3566 7.52214 79.3566 6.97431C79.3566 6.43265 79.5628 5.96792 79.9752 5.58014C80.3937 5.1862 80.8954 4.98923 81.4801 4.98923C82.0649 4.98923 82.5635 5.1862 82.9759 5.58014C83.3944 5.96792 83.6037 6.43265 83.6037 6.97431C83.6037 7.52214 83.3944 7.99302 82.9759 8.38696C82.5635 8.77474 82.0649 8.96863 81.4801 8.96863ZM89.7415 16.7797V24.9786H85.8083V10.7968H89.5569V13.2989H89.723C90.037 12.4741 90.5632 11.8216 91.3019 11.3415C92.0405 10.8552 92.9361 10.6121 93.9887 10.6121C94.9735 10.6121 95.8322 10.8275 96.5647 11.2584C97.2971 11.6893 97.8665 12.3048 98.2728 13.105C98.679 13.899 98.8821 14.8469 98.8821 15.9487V24.9786H94.9489V16.6505C94.9551 15.7826 94.7335 15.1055 94.2841 14.6192C93.8348 14.1268 93.2162 13.8806 92.4283 13.8806C91.8989 13.8806 91.4311 13.9944 91.0249 14.2222C90.6248 14.4499 90.3109 14.7823 90.0831 15.2193C89.8615 15.6502 89.7477 16.1703 89.7415 16.7797ZM107.665 25.2556C106.206 25.2556 104.951 24.9601 103.898 24.3692C102.852 23.7721 102.045 22.9289 101.479 21.8394C100.9

6713 20.7437 100.63 19.448 100.63 17.9523C100.63 16.4935 100.913 15.2132 101.479 14.1114C102.045 13.0096 102.842 12.1509 103.87 11.5354C104.905 10.9199 106.117 10.6121 107.508 10.6121C108.444 10.6121 109.315 10.7629 110.121 11.0645C110.934 11.36 111.641 11.8062 112.245 12.4033C112.854 13.0004 113.328 13.7513 113.667 14.6561C114.005 15.5548 114.174 16.6074 114.174 17.8138V18.8941H102.199V16.4566H110.472C110.472 15.8903 110.349 15.3886 110.103 14.9516C109.856 14.5146 109.515 14.1729 109.078 13.9267C108.647 13.6744 108.145 13.5482 107.573 13.5482C106.976 13.5482 106.446 13.6867 105.985 13.9637C105.529 14.2345 105.172 14.6007 104.914 15.0624C104.655 15.5179 104.523 16.0257 104.517 16.5858V18.9033C104.517 19.605 104.646 20.2113 104.905 20.7222C105.169 21.2331 105.542 21.627 106.022 21.904C106.502 22.181 107.071 22.3195 107.73 22.3195C108.167 22.3195 108.567 22.2579 108.93 22.1348C109.293 22.0117 109.604 21.8271 109.863 21.5808C110.121 21.3346 110.318 21.033 110.454 20.676L114.091 20.9161C113.907 21.7901 113.528 22.5534 112.956 23.2058C112.389 23.8522 111.657 24.3569 110.758 24.7201C109.866 25.0771 108.835 25.2556 107.665 25.2556Z"
68            fill="currentColor" class="fill-blue-600 dark:fill-white" />
69          <path
70            d="M1 28.9786V15.9786C1 9.35116 6.37258 3.97858 13 3.97858C19.6274 3.97858 25 9.35116 25 15.9786C25 22.606 19.6274 27.9786 13 27.9786H12"
71            class="stroke-blue-600 dark:stroke-white" stroke="currentColor" stroke-width="2" />
72          <path
73            d="M5 28.9786V16.1386C5 11.6319 8.58172 7.97858 13 7.97858C17.4183 7.97858 21 11.6319 21 16.1386C21 20.6452 17.4183 24.2986 13 24.2986H12"
74            class="stroke-blue-600 dark:stroke-white" stroke="currentColor" stroke-width="2" />
75          <circle cx="13" cy="16" r="5" fill="currentColor" class="fill-blue-600 dark:fill-white" />
76        </svg>
77      </a>
78    </div>
79    <!-- End Logo -->
80
81    <!-- Card -->
82    <div class="bg-white rounded-2xl shadow dark:bg-neutral-800">
83      <div class="p-4 sm:p-8">
84        <!-- Header -->
85        <div class="text-center mb-6">
86          <h1 class="text-2xl font-semibold text-gray-800 dark:text-neutral-200">
87            Sign in
88          </h1>
89        </div>
90        <!-- End Header -->
91
92        <!-- Form -->
93        <form action="https://preline.co/login" method="POST">
94          <input type="hidden" name="_token" value="TQoWX2A9TWLEgPc2zp1QLxDN4s81gVDfqCTzAw17" autocomplete="off">          <div class="grid gap-y-6">
95
96            
97            
98            
99
100            
101            <!-- Form Group -->
102            <div>
103              <label for="email" class="block text-sm font-medium mb-2 text-gray-800 dark:text-neutral-200">
104                Email address
105              </label>
106
107              <div class="relative">
108
109                <input type="email" id="email" name="email"
110                  class=" py-1.5 sm:py-2 px-3 block w-full border-gray-200 rounded-lg sm:text-sm focus:border-blue-500 focus:ring-blue-500 checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500"
111                  value="" required>
112                              </div>
113                          </div>
114            <!-- End Form Group -->
115
116            <!-- Form Group -->
117            <div>
118              <div class="flex justify-between items-center mb-2">
119                <label for="password" class="block text-sm font-medium text-gray-800 dark:text-neutral-200">
120                  Password
121                </label>
122                <a class="text-sm text-gray-500 decoration-2 hover:underline focus:outline-none focus:underline dark:text-neutral-500"
123                  href="https://preline.co/forgot">Forgot password?</a>
124              </div>
125
126              <div class="relative">
127                <input type="password" id="password" name="password"
128                  class=" py-1.5 sm:py-2 px-3 block w-full border-gray-200 rounded-lg sm:text-sm focus:border-blue-500 focus:ring-blue-500 checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder:text-neutral-500"
129                  required>
130
131                              </div>
132
133                          </div>
134            <!-- End Form Group -->
135
136            <button type="submit"
137              class="py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-blue-500">Sign
138              in</button>
139          </div>
140        </form>
141        <!-- End Form -->
142      </div>
143    </div>
144    <!-- End Card -->
145
146          <!-- Footer -->
147      <div class="flex justify-center items-center gap-x-2">
148        <p class="text-sm text-gray-500 dark:text-neutral-500">
149          New to Preline Pro?
150        </p>
151
152        <a class="py-1.5 px-2 inline-flex items-center gap-x-2 text-xs font-medium rounded-full border border-dashed border-gray-200 bg-white text-gray-800 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"
153          href="/pricing/">
154          <svg class="flex-shrink-0 w-3 h-3" width="45" height="46" viewBox="0 0 45 46" fill="currentColor"
155            xmlns="http://www.w3.org/2000/svg">
156            <path fill-rule="evenodd" clip-rule="evenodd"
157              d="M40 18H15C13.3431 18 12 19.3431 12 21V39C12 40.6569 

15713.3431 42 15 42H40C41.6569 42 43 40.6569 43 39V21C43 19.3431 41.6569 18 40 18ZM15 16C12.2386 16 10 18.2386 10 21V39C10 41.7614 12.2386 44 15 44H40C42.7614 44 45 41.7614 45 39V21C45 18.2386 42.7614 16 40 16H15Z" />
158            <path
159              d="M30 30.5C30 31.8807 28.8807 33 27.5 33C26.1193 33 25 31.8807 25 30.5C25 29.1193 26.1193 28 27.5 28C28.8807 28 30 29.1193 30 30.5Z" />
160            <path fill-rule="evenodd" clip-rule="evenodd"
161              d="M0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5V17C19 17.5523 18.5523 18 18 18C17.4477 18 17 17.5523 17 17V9.5C17 5.35786 13.6421 2 9.5 2C5.35786 2 2 5.35786 2 9.5V17C2 17.5523 1.55228 18 1 18C0.447715 18 0 17.5523 0 17V9.5Z" />
162          </svg>
163          Get all access
164        </a>
165      </div>
166      <!-- End Footer -->
167    
168
169  </main>
170  <!-- ========== END MAIN CONTENT ========== -->
171
172  <!-- JS PLUGINS -->
173  <!-- Required plugins -->
174  

174<script src="../assets/vendor/preline-ts/dist/index.js?v=1.0.0"></script>

174
175  <!-- PRO (Alt) plugins -->
176  

176<script src="../docs/assets/js/hs.component-appearance.js"></script>

176
177  

177<script src="../assets/vendor/@docsearch/js/dist/umd/index.js"></script>

177
178
179  <!-- JS THIRD PARTY PLUGINS -->
180  <!-- Crisp chat -->
181  

181<script type="text/javascript">
182    window.$crisp = [];
183    window.CRISP_WEBSITE_ID = 'd878cba9-756e-43c9-bd82-9dea7da911a2';
184
185    (function() {
186      d = document;
187      s = d.createElement('script');
188      s.src = 'https://client.crisp.chat/l.js';
189      s.async = 1;
190      d.getElementsByTagName('head')[0].appendChild(s);
191    })();
192  </script>

192
193  <!-- Google Analytics. Global site tag (gtag.js) -->

193
194  <script async src="https://www.googletagmanager.com/gtag/js?id=

194G-B73TDMXKF5

194"></script>
195  

195<script>
196    

196window.dataLayer = window.dataLayer || [];
197
198    function gtag() {
199      dataLayer.push(arguments);
200    }
201
202    gtag('js', new Date());
203    gtag('config', '

203G-B73TDMXKF5

203');
204  

204</script>

204
205  <link rel="modulepreload" href="https://preline.co/build/assets/app-22752a76.js" />

205<script type="module" src="https://preline.co/build/assets/app-22752a76.js"></script>

205</body>
206
207</html>