check web redirect url status code checker

Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
308 Permanent Redirect - psyui.com
HTTP Status: 308
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Content-Type: text/plain
Location: https://psyui.com/
Refresh: 0;url=https://psyui.com/
server: Vercel

HTTP Code 308 Permanent Redirect

308 status code is a permanent redirect that, unlike 301, ensures the request method remains unchanged.

When is Code 308 used?

  • When a resource is permanently moved while preserving the request method
  • When enforcing HTTPS without changing form submission behavior

What does Code 308 mean for the user?

The user is permanently redirected to the new URL, and the request method remains the same.

200 OK - https://psyui.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 846844
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 42944
Content-Type: text/html; charset=utf-8
Date: Mon, 05 May 2025 14:29:45 GMT
Etag: "9e9118c2d91ed9118a579c192964a119"
Last-Modified: Fri, 25 Apr 2025 19:15:40 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: fra1::4rzzn-1746455385584-e9a9be41352a

HTTP Code 200 OK

200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: psyui.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Psyui - psyui</title>
    <meta name="description" content="Copy and paste vue components to build dashboards, charts and trending websites.">
    <meta name="generator" content="VitePress v1.2.3">
    <link rel="preload stylesheet" href="/assets/style.LG7VmkNe.css" as="style">
    
    <script type="module" src="/assets/app.WwD3sg2k.js"></script>
    <link rel="modulepreload" href="/assets/chunks/framework.CxnIIqaC.js">
    <link rel="modulepreload" href="/assets/chunks/theme.BVV9uEwl.js">
    <link rel="modulepreload" href="/assets/chunks/SparkAreaChart.vue_vue_type_script_setup_true_lang.apcFT4Bi.js">
    <link rel="modulepreload" href="/assets/chunks/ProgressBar.vue_vue_type_script_setup_true_lang.WAYemDmw.js">
    <link rel="modulepreload" href="/assets/chunks/ProgressCircle.vue_vue_type_script_setup_true_lang.wOTc4EFR.js">
    <link rel="modulepreload" href="/assets/chunks/XCircleIcon.D-x-V_5o.js">
    <link rel="modulepreload" href="/assets/chunks/BarList.vue_vue_type_script_setup_true_lang.Dl92OrZ9.js">
    <link rel="modulepreload" href="/assets/chunks/Button.vue_vue_type_script_setup_true_lang.DIGfcLoC.js">
    <link rel="modulepreload" href="/assets/chunks/Badge.vue_vue_type_script_setup_true_lang.DCzmCweu.js">
    <link rel="modulepreload" href="/assets/chunks/index.BXlOyqZm.js">
    <link rel="modulepreload" href="/assets/chunks/index.D6XaVrYV.js">
    <link rel="modulepreload" href="/assets/chunks/QRCode.B5M4yUCD.js">
    <link rel="modulepreload" href="/assets/index.md.0kQ18_MJ.lean.js">
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="shortcut icon" href="/favicon-16x16.png">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="font-brand"><div style="" class="text-brand-white bg-brand-primary hidden h-11 items-center justify-between px-4 sm:flex"><div></div><a class="group inline-flex items-center gap-2 text-sm" href="/components">✨ <span class="font-medium">Introducing psyui beta</span><div class="bg-brand-white mt-[2px] h-[2px] w-[2px] rounded-full"></div><span>Copy paste vue components</span><svg class="stroke-[1.5px] -mr-1 ml-1.5" fill="none" stroke="currentColor" width="11" height="11" viewbox="0 0 10 10" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg></a><button class="flex items-center justify-center" title="Close Announcement"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-5"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path></svg></button></div><header class="border-brand-gray-200 border-b" id="top"><nav class="mx-auto flex max-w-screen-xl items-center justify-between px-8 py-4"><a href="/" class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="81" height="32" viewBox="0 0 81 32"><g id="psyui-logo" transform="translate(-620 -114.231)"><path id="psy" d="M8.058-47.914v4.029H4.029v4.029H0V-60H8.058v4.029H4.029v8.058Zm4.029,0H8.058v-8.058h4.029Zm8.058-8.058V-60H28.2v4.029H24.173v4.029H16.115v-4.029ZM28.2-47.914H24.173v-4.029H28.2Zm-4.029,0v4.029H16.115v-4.029Zm12.086,0H32.231V-60h4.029Zm8.058,0H40.288V-60h4.029Zm-4.029,0v4.029H36.259v-4.029Zm-8.058,8.058v-4.029h4.029v4.029Z" transform="translate(620 183.938)"></path><g id="square"><rect id="square-2" data-name="square" width="33" height="32" rx="6" transform="translate(668 114.231)"></rect><path id="ui" d="M4.029-65.827v-4.029H0V-81.942H4.029v12.086H8.058V-81.942h4.029v16.115ZM16.115-85.971V-90h4.029v4.029Zm4.029,20.144H16.115V-81.942h4.029Z" transform="translate(674.523 208.029)" fill="#fff"></path></g></g></svg><span class="bg-brand-primaryLight/20 text-brand-primary rounded-md px-2 py-0.5 text-xs font-medium shadow-sm"> Beta </span></a><div class="flex items-center gap-4 sm:gap-6"><ul class="flex items-center gap-4 text-sm sm:gap-6"><li><a href="/docs/getting-started/introduction" class="font-medium"><span class="hidden sm:inline-block">Docs</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#000000" fill="none" class="sm:hidden"><path d="M15 2.5V4C15 5.41421 15 6.12132 15.4393 6.56066C15.8787 7 16.5858 7 18 7H19.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 16V8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H14.1716C14.5803 2 14.7847 2 14.9685 2.07612C15.1522 2.15224 15.2968 2.29676 15.5858 2.58579L19.4142 6.41421C19.7032 6.70324 19.8478 6.84776 19.9239 7.03153C20 7.2153 20 7.41968 20 7.82843V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 11H16M8 14H16M8 17H12.1708" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li><a href="/components" class="font-medium"><span class="hidden sm:inline-block">Components</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="#000000" fill="none" class="sm:hidden"><path d="M8.64298 3.14559L6.93816 3.93362C4.31272 5.14719 3 5.75397 3 6.75C3 7.74603 4.31272 8.35281 6.93817 9.56638L8.64298 10.3544C10.2952 11.1181 11.1214 11.5 12 11.5C12.8786 11.5 13.7048 11.1181 15.357 10.3544L17.0618 9.56638C19.6873 8.35281 21 7.74603 21 6.75C21 5.75397 19.6873 5.14719 17.0618 3.93362L15.357 3.14559C13.7048 2.38186 12.8786 2 12 2C11.1214 2 10.2952 2.38186 8.64298 3.14559Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.788 11.0972C20.9293 11.2959 21 11.5031 21 11.7309C21 12.7127 19.6873 13.3109 17.0618 14.5072L15.357 15.284C13.7048 16.0368 12.8786 16.4133 12 16.4133C11.1214 16.4133 10.2952 16.0368 8.64298 15.284L6.93817 14.5072C4.31272 13.3109 3 12.7127 3 11.7309C3 11.5031 3.07067 11.2959 3.212 11.0972" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.3767 16.2661C20.7922 16.5971 21 16.927 21 17.3176C21 18.2995 19.6873 18.8976 17.0618 20.0939L15.357 20.8707C13.7048 21.6236 12.8786 22 12 22C11.1214 22 10.2952 21.6236 8.64298 20.8707L6.93817 20.0939C4.31272 18.8976 3 18.2995 3 17.3176C3 16.927 3.20778 16.5971 3.62334 16.2661" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li></ul><div class="h-6 border-l"></div><a href="https://github.com/Psycarlo/psyui" target="_blank" class="inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19.516" class="h-5 w-5"><path d="M12,2A10.007,10.007,0,0,0,8.84,21.5c.5.08.66-.23.66-.5V19.31c-2.77.6-3.36-1.34-3.36-1.34A2.69,2.69,0,0,0,5.03,16.5c-.91-.62.07-.6.07-.6a2.1,2.1,0,0,1,1.53,1.03,2.148,2.148,0,0,0,2.91.83,2.16,2.16,0,0,1,.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92A3.873,3.873,0,0,1,6.65,8.79a3.577,3.577,0,0,1,.1-2.64s.84-.27,2.75,1.02a9.635,9.635,0,0,1,5,0c1.91-1.29,2.75-1.02,2.75-1.02a3.577,3.577,0,0,1,.1,2.64,3.873,3.873,0,0,1,1.03,2.71c0,3.82-2.34,4.66-4.57,4.91a2.386,2.386,0,0,1,.69,1.85V21c0,.27.16.59.67.5A10.009,10.009,0,0,0,12,2" transform="translate(-2 -2)"></path></svg><span class="text-sm font-medium">0</span></a></div></nav></header><div><div><div style="position:relative;"><div><!--[--><div class="relative bg-gradient-to-b from-white to-slate-50"><a class="absolute left-[8%] top-20 hidden -rotate-12 rounded-full border border-slate-200/50 bg-slate-50 px-1.5 py-0.5 text-[10px] text-slate-400 hover:underline md:inline-block lg:left-[16%] xl:left-[22%]" href="https://www.tremor.so/" target="_blank"> Website inspired by <b>tremor.so</b></a><a class="absolute right-[8%] top-16 hidden rotate-12 rounded-full border border-slate-200/50 bg-slate-50 px-1.5 py-0.5 text-[10px] text-slate-400 hover:underline md:inline-block lg:right-[18%] xl:right-[24%]" href="https://www.figma.com/design/XrZ71yuBzEwJG7Or5xlcd8/PsyUI?node-id=0-1&amp;t=9qGoQznpsfNmG7kj-1" target="_blank"> We are on <b>figma</b></a><main class="mx-auto flex max-w-screen-xl items-center px-4 pt-20"><div class="mx-auto flex max-w-5xl flex-col items-center justify-center gap-6"><div class="flex items-center gap-3"><p class="text-xs font-medium uppercase text-slate-600">Built with</p><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="h-6 w-6"><path fill="#41b883" d="M24.4 3.925H30l-14 24.15L2 3.925h10.71l3.29 5.6l3.22-5.6Z"></path><path fill="#41b883" d="m2 3.925l14 24.15l14-24.15h-5.6L16 18.415L7.53 3.925Z"></path><path fill="#35495e" d="M7.53 3.925L16 18.485l8.4-14.56h-5.18L16 9.525l-3.29-5.6Z"></path></svg><p class="text-xs font-medium uppercase text-slate-600">Vue</p></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="h-7 w-7"><path fill="#44a8b3" d="M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1q-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1m-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1q-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1"></path></svg><p class="text-xs font-medium uppercase text-slate-600"> Tailwind CSS </p></div></div><h1 class="xs:text-5xl text-balance text-center text-3xl font-semibold sm:text-7xl"> Make your vue websites look 10x better </h1><p class="xs:text-xl text-balance text-center text-lg text-slate-700"> Copy paste beautiful vue components and use them to build beautiful dashboards and trending websites. Free and open-source, accessible and customizable. </p><div class="flex gap-3"><a href="/docs/getting-started/introduction" class="from-brand-primary/75 to-brand-primary text-brand-white hover:from-brand-primary/70 hover:to-brand-primary/90 flex items-center justify-center rounded-md bg-gradient-to-b px-4 py-2 text-sm font-medium shadow-sm transition-all duration-200"> Get started </a><a href="https://github.com/Psycarlo/psyui" target="_blank" class="group inline-flex items-center gap-2 rounded-md border border-slate-200 px-4 py-2 text-sm font-medium shadow-sm transition-all duration-200 hover:bg-slate-50"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19.516" class="h-5 w-5"><path d="M12,2A10.007,10.007,0,0,0,8.84,21.5c.5.08.66-.23.66-.5V19.31c-2.77.6-3.36-1.34-3.36-1.34A2.69,2.69,0,0,0,5.03,16.5c-.91-.62.07-.6.07-.6a2.1,2.1,0,0,1,1.53,1.03,2.148,2.148,0,0,0,2.91.83,2.16,2.16,0,0,1,.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92A3.873,3.873,0,0,1,6.65,8.79a3.577,3.577,0,0,1,.1-2.64s.84-.27,2.75,1.02a9.635,9.635,0,0,1,5,0c1.91-1.29,2.75-1.02,2.75-1.02a3.577,3.577,0,0,1,.1,2.64,3.873,3.873,0,0,1,1.03,2.71c0,3.82-2.34,4.66-4.57,4.91a2.386,2.386,0,0,1,.69,1.85V21c0,.27.16.59.67.5A10.009,10.009,0,0,0,12,2" transform="translate(-2 -2)"></path></svg> GitHub </a></div></div></main></div><div class="border-b border-b-slate-200 bg-slate-50"><section class="mx-auto flex max-w-screen-xl flex-col gap-4 px-4 py-20"><div class="flex flex-col gap-4 md:flex-row"><div class="w-full rounded-md bg-slate-50/40 p-1.5 ring-1 ring-inset ring-slate-200/50 md:w-7/12"><div class="relative w-full rounded-md border shadow-sm flex h-full flex-col justify-between gap-4 bg-white p-8"><!--[--><div class="relative w-full rounded-md border p-4 shadow-sm flex flex-col gap-2"><!--[--><div class="flex items-center justify-between"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="fill-brand-primary h-5 w-5"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path></svg><span class="font-medium">website.com</span></div><span class="xs:inline hidden text-sm text-slate-500"> 69% uptime </span></div><div class="flex h-10 items-center gap-0.5"><!--[--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-gray-500" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--[--><!--[--><div class="h-full w-3 rounded-[1px] first:rounded-l-[4px] last:rounded-r-[4px] bg-brand-primary" data-state="closed" data-grace-area-trigger></div><!----><!--]--><!--]--><!--]--></div><!--]--></div><div class="flex flex-col items-center justify-center gap-4 sm:flex-row"><span class="inline-flex w-fit shrink-0 items-center gap-x-1 whitespace-nowrap px-2 py-0.5 text-sm bg-brand-primaryDark rounded-full font-medium text-white"><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z"></path></svg> Customizable <!--]--></span><span class="inline-flex w-fit shrink-0 items-center gap-x-1 whitespace-nowrap rounded-md px-2 py-0.5 text-sm border border-opacity-20 bg-opacity-10 border-brand-primary bg-brand-primary text-brand-primary font-medium"><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"></path></svg> Beautiful <!--]--></span><span class="inline-flex w-fit shrink-0 items-center gap-x-1 whitespace-nowrap rounded-md px-2 py-0.5 text-sm bg-brand-primaryDark font-medium text-white"><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path d="M19.906 9c.382 0 .749.057 1.094.162V9a3 3 0 0 0-3-3h-3.879a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H6a3 3 0 0 0-3 3v3.162A3.756 3.756 0 0 1 4.094 9h15.812ZM4.094 10.5a2.25 2.25 0 0 0-2.227 2.568l.857 6A2.25 2.25 0 0 0 4.951 21H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-2.227-2.568H4.094Z"></path></svg> Open source <!--]--></span></div><div class="flex flex-col"><h3 class="mt-2 text-lg font-bold">Uptime!</h3><p class="mt-1 max-w-lg text-slate-500"> Psyui does not help with your server&#39;s uptime, but your website will look way better! </p></div><!--]--></div></div><div class="w-full rounded-md bg-slate-50/40 p-1.5 ring-1 ring-inset ring-slate-200/50 md:w-5/12"><div class="relative w-full rounded-md border shadow-sm flex h-full flex-col gap-4 bg-white p-8"><!--[--><div class="relative w-full rounded-md border p-4 shadow-sm flex flex-col gap-2"><!--[--><span class="font-medium">Website Analytics</span><div class="mt-2 flex justify-between"><span class="text-brand-primary text-sm">Url</span><span class="text-brand-primary text-sm">Views</span></div><div class="flex flex-col gap-1.5" aria-sort="descending"><!--[--><div class="relative flex w-full items-center justify-between gap-4"><p class="absolute left-2 truncate whitespace-nowrap text-sm">/bitcoin</p><div class="bg-brand-primaryLight/50 h-8 rounded-md" style="width:100%;"></div><p class="text-sm">489</p></div><div class="relative flex w-full items-center justify-between gap-4"><p class="absolute left-2 truncate whitespace-nowrap text-sm">/utxos</p><div class="bg-brand-primaryLight/50 h-8 rounded-md" style="width:85.88957055214725%;"></div><p class="text-sm">420</p></div><div class="relative flex w-full items-center justify-between gap-4"><p class="absolute left-2 truncate whitespace-nowrap text-sm">/lightning</p><div class="bg-brand-primaryLight/50 h-8 rounded-md" style="width:26.1758691206544%;"></div><p class="text-sm">128</p></div><div class="relative flex w-full items-center justify-between gap-4"><p class="absolute left-2 truncate whitespace-nowrap text-sm">/mempool</p><div class="bg-brand-primaryLight/50 h-8 rounded-md" style="width:14.11042944785276%;"></div><p class="text-sm">69</p></div><!--]--></div><!--]--></div><div class="flex justify-center"><a class="inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium outline-none bg-brand-primary hover:bg-brand-primaryDark text-brand-white group" href="/components"><span class="inline-flex shrink-0 items-center gap-1.5"><!--[--> View More <svg class="stroke-[1.5px] -mr-1 ml-1.5" fill="none" stroke="currentColor" width="11" height="11" viewbox="0 0 10 10" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg><!--]--></span><svg class="absolute mt-0.5 h-4 w-4 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" style="display:none;"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg></a></div><!--]--></div></div></div><div class="rounded-md bg-slate-50/40 p-1.5 ring-1 ring-inset ring-slate-200/50"><div class="relative w-full rounded-md border shadow-sm flex flex-col bg-white p-8"><!--[--><div class="flex flex-col gap-4 md:flex-row"><div class="relative rounded-md border p-4 shadow-sm flex w-full flex-col gap-4 md:w-1/3"><!--[--><div class="flex flex-col gap-1"><span class="text-sm text-slate-500">Mempool memory used</span><p class="font-semibold">207MB</p></div><div class="flex flex-col gap-2"><div class="flex items-center justify-between"><span class="text-sm text-slate-500">69%</span><span class="text-sm text-slate-500">207 of 300MB</span></div><div aria-label="progress bar 69%" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="69" aria-valuetext="69%" class="relative w-full overflow-hidden rounded-full bg-opacity-20 bg-brand-primary h-2"><div class="w-full flex-1 transition-all duration-500 ease-in-out bg-brand-primary h-2" style="transform: translateX(-31%)"></div></div></div><!--]--></div><div class="relative rounded-md border p-4 shadow-sm flex w-full flex-col gap-4 md:w-1/3"><!--[--><div class="flex flex-col gap-1"><span class="text-sm text-slate-500">Bitcoin (BTC)</span><div class="flex items-center justify-between"><p class="font-semibold">$69420.69</p><p class="text-sm font-medium"> +6.9k <span class="text-brand-primaryLight">+6.9%</span></p></div><div data-vis-xy-container class="unovis-xy-container h-[40px] mt-3 !w-full"><!--[--><div data-vis-component></div><div data-vis-component></div><svg width="0" height="0"><defs><linearGradient id="gradient" gradientTransform="rotate(90)"><stop offset="0%" stop-color="#04AA6D" stop-opacity="35%"></stop><stop offset="100%" stop-color="#04AA6D" stop-opacity="0%"></stop></linearGradient></defs></svg><!--]--></div></div><!--]--></div><div class="relative rounded-md border p-4 shadow-sm flex w-full items-center justify-center md:w-1/3"><!--[--><div class="flex items-center gap-4"><div class="relative stroke-brand-primary"><svg width="64" height="64" view-box="0 0 64 64" aria-label="progress bar 80%" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="80" aria-valuetext="80%"><circle r="29" cx="32" cy="32" stroke-width="6" fill="transparent" stroke-linecap="round" class="opacity-20 stroke-brand-primary"></circle><circle r="29" cx="32" cy="32" stroke-width="6" stroke-dasharray="182.212373908208 182.212373908208" stroke-dashoffset="36.44247478164161" fill="transparent" stroke-linecap="round" class="transform-gpu transition-all duration-500 ease-in-out stroke-brand-primary"></circle></svg><div class="absolute inset-0 flex items-center justify-center"><!--[--><span class="text-sm">80%</span><!--]--></div></div><div class="flex flex-col"><span class="text-sm font-medium">Miners running</span><span class="text-sm text-slate-500">4 of 5 running</span></div></div><!--]--></div></div><h3 class="mt-6 text-lg font-bold"> Spark Charts, Progress Bar and Progress Circle </h3><p class="mt-1 text-slate-500"> With these micro visualizations, your dashboard will look so nice. </p><!--]--></div></div><a href="https://www.figma.com/design/XrZ71yuBzEwJG7Or5xlcd8/PsyUI?node-id=0-1&amp;t=9qGoQznpsfNmG7kj-1" target="_blank" class="inline-flex items-center justify-center gap-0.5 text-slate-600 hover:text-slate-800"><span>psyui on</span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="size-5" style="" width="1em" height="1em" viewBox="0 0 16 16"></svg></a></section></div><section class="mx-auto flex max-w-screen-xl flex-col gap-2 px-4 py-20"><span class="text-brand-primary font-semibold"> Developers love it </span><h2 class="max-w-2xl text-3xl font-bold"> Vue community builds with PsyUI </h2><div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3"><div class="relative w-full rounded-md border p-4 shadow-sm flex flex-col gap-4"><!--[--><div class="flex items-center gap-3"><div class="h-10 w-10 rounded-full bg-slate-200"></div><div class="flex flex-col"><span class="text-sm font-medium">You here</span><span class="text-xs text-slate-700">Your role @ Company</span></div></div><p class="mx-1 text-sm">Add your review of PsyUI.</p><!--]--></div><div class="relative w-full rounded-md border p-4 shadow-sm flex flex-col gap-4"><!--[--><div class="flex items-center gap-3"><div class="h-10 w-10 rounded-full bg-slate-200"></div><div class="flex flex-col"><span class="text-sm font-medium">You here</span><span class="text-xs text-slate-700">Your role @ Company</span></div></div><p class="text-sm">Add your review of PsyUI.</p><!--]--></div><div class="relative w-full rounded-md border p-4 shadow-sm flex flex-col gap-4"><!--[--><div class="flex items-center gap-3"><div class="h-10 w-10 rounded-full bg-slate-200"></div><div class="flex flex-col"><span class="text-sm font-medium">You here</span><span class="text-xs text-slate-700">Your role @ Company</span></div></div><p class="text-sm">Add your review of PsyUI.</p><!--]--></div></div></section><section class="mx-auto flex max-w-screen-xl flex-col gap-2 px-4 pb-10 pt-20"><span class="text-brand-primary font-semibold"> Super fast development </span><h2 class="max-w-2xl text-3xl font-bold"> Ready to use, yet customizable components for your vue projects </h2><div class="mt-6 flex w-full flex-col justify-between gap-4 md:flex-row"><div class="relative w-full rounded-md border p-4 flex flex-col gap-1 border-none shadow-none"><!--[--><div class="flex h-12 w-12 items-center justify-center rounded-xl border border-slate-200 p-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 fill-red-600"><path d="M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z"></path><path d="m3.265 10.602 7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13 1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z"></path><path d="m10.933 19.231-7.668-4.13-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z"></path></svg></div><span class="mt-3 text-3xl font-bold">More than 69</span><span class="font-medium">Beautiful components</span><span class="mt-3 text-sm text-slate-600"> All components are available for copy paste on this website. </span><!--]--></div><div class="relative w-full rounded-md border p-4 flex flex-col border-none shadow-none"><!--[--><div class="flex h-12 w-12 items-center justify-center rounded-xl border border-slate-200 p-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="fill-brand-secondaryLight h-5 w-5"><path d="M19.906 9c.382 0 .749.057 1.094.162V9a3 3 0 0 0-3-3h-3.879a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H6a3 3 0 0 0-3 3v3.162A3.756 3.756 0 0 1 4.094 9h15.812ZM4.094 10.5a2.25 2.25 0 0 0-2.227 2.568l.857 6A2.25 2.25 0 0 0 4.951 21H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-2.227-2.568H4.094Z"></path></svg></div><span class="mt-3 text-3xl font-bold">Open source</span><span class="font-medium">Free and open source</span><span class="mt-3 text-sm text-slate-600"> All the code is free and open source under MIT License. Feel free to visit our GitHub and give us a star. </span><!--]--></div><div class="relative w-full rounded-md border p-4 flex flex-col border-none shadow-none"><!--[--><div class="flex h-12 w-12 items-center justify-center rounded-xl border border-slate-200 p-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="fill-brand-primary h-5 w-5"><path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z"></path></svg></div><span class="mt-3 text-3xl font-bold">Vue &amp; Tailwind</span><span class="font-medium">Built with the best technologies</span><span class="mt-3 text-sm text-slate-600"> Vue is so good and Tailwind is better. All components are built using these two. </span><!--]--></div></div></section><section class="mx-auto flex max-w-screen-xl flex-col gap-2 px-4 py-20"><span class="text-brand-primary font-semibold">Thank you so much</span><h2 class="max-w-2xl text-3xl font-bold">Sponsor this project</h2><div class="mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3"><div class="relative rounded-md border shadow-sm flex w-fit flex-col items-center gap-2 p-2 pb-4"><!--[--><!----><p class="font-medium">Bitcoin</p><!--]--></div><div class="relative rounded-md border shadow-sm flex w-fit flex-col items-center gap-2 p-2 pb-4"><!--[--><!----><p class="font-medium">Lightning</p><!--]--></div><div class="relative rounded-md border shadow-sm flex w-fit flex-col items-center gap-2 p-2 pb-4"><!--[--><!----><p class="font-medium">GitHub Sponsors</p><!--]--></div></div></section><!--]--></div></div></div></div><footer class="border-brand-gray-200 mt-12 border-t py-10"><nav class="mx-auto flex max-w-screen-xl flex-col px-8"><div class="grid grid-cols-2 justify-around gap-8 md:flex md:gap-0"><div class="flex flex-col gap-3"><h3 class="mb-2 text-sm font-medium">Inspiration</h3><a href="https://www.shadcn-vue.com/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> shadcn-vue </a><a href="https://magicui.design/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> magic ui </a><a href="https://www.tremor.so/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> tremor </a><a href="https://nextui.org/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> next ui </a><a href="https://ui.aceternity.com/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> aceternity ui </a><a href="https://www.hover.dev/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> hover.dev </a><a href="https://primevue.org/" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> prime vue </a></div><div class="flex flex-col gap-3"><h3 class="mb-2 text-sm font-medium">Support</h3><a href="/docs/getting-started/introduction" class="text-sm text-slate-600 hover:text-slate-900"> Documentation </a><a href="/docs/getting-started/changelog" class="text-sm text-slate-600 hover:text-slate-900"> Changelog </a></div><div class="flex flex-col gap-3"><h3 class="mb-2 text-sm font-medium">More psy</h3><a href="https://psylibrary.com" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> psylibrary </a><a href="https://psybitcoin.com" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> psybitcoin </a><a href="https://psycarlo.com" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> psycarlo </a></div><div class="flex flex-col gap-3"><h3 class="mb-2 text-sm font-medium">Quick links</h3><a href="/docs/getting-started/introduction" class="text-sm text-slate-600 hover:text-slate-900"> Introduction </a><a href="/docs/getting-started/installation" class="text-sm text-slate-600 hover:text-slate-900"> Installation </a><a href="/components" class="text-sm text-slate-600 hover:text-slate-900"> Components </a><a href="https://github.com/Psycarlo/psyui" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> Github </a><a href="https://www.figma.com/design/XrZ71yuBzEwJG7Or5xlcd8/PsyUI?node-id=0-1&amp;t=9qGoQznpsfNmG7kj-1" target="_blank" class="text-sm text-slate-600 hover:text-slate-900"> Figma </a><a href="#top" class="text-sm text-slate-600 hover:text-slate-900"> Go to top </a></div></div><hr class="my-12"><div class="flex items-center justify-between"><p class="text-sm text-slate-600">© 2024 psyui</p><ul class="flex items-center gap-3"><li><a href="https://github.com/Psycarlo/psyui" target="_blank" aria-label="Github"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="size-6 text-slate-600 hover:text-slate-700" style="" width="1em" height="1em" viewBox="0 0 16 16"></svg></a></li><li><a href="https://www.figma.com/design/XrZ71yuBzEwJG7Or5xlcd8/PsyUI?node-id=0-1&amp;t=9qGoQznpsfNmG7kj-1" target="_blank" aria-label="Figma"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="size-6 text-slate-600 hover:text-slate-700" style="" width="1em" height="1em" viewBox="0 0 16 16"></svg></a></li></ul></div></nav></footer><section aria-label="Notifications alt+T" tabindex="-1"><!--[--><ol data-sonner-toaster class="sonner group" dir="ltr" tabindex="-1" data-theme="light" data-rich-colors="false" data-y-position="bottom" data-x-position="right" style="--front-toast-height:undefinedpx;--offset:32px;--width:356px;--gap:14px;"><!--[--><!--]--></ol><!--]--></section></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"components.md\":\"CDEhpiR6\",\"docs.md\":\"DUftbqvI\",\"docs_bitcoin_block.md\":\"_V3S_nbE\",\"docs_bitcoin_qrcode.md\":\"CXd5QTP_\",\"docs_bitcoin_shorten.md\":\"DDenrgYV\",\"docs_getting-started_introduction.md\":\"E6fMxLgc\",\"docs_trending_meteors.md\":\"Bnp9nYuR\",\"docs_trending_word-pullup.md\":\"Dx09-kyo\",\"docs_trending_origami.md\":\"EB-zfJ2M\",\"docs_common_accordion.md\":\"ChRUMUVy\",\"docs_common_avatar.md\":\"CHefTMz5\",\"docs_common_badge.md\":\"tIG0upXF\",\"docs_common_button.md\":\"YIbapgBI\",\"docs_common_callout.md\":\"Dyi0TJX_\",\"docs_common_card.md\":\"B-7nmQj-\",\"docs_common_checkbox.md\":\"CLcQ7jsT\",\"docs_common_draggable.md\":\"GK9GzFQr\",\"docs_common_kbd.md\":\"DFY5LI5x\",\"docs_common_number-input.md\":\"IMIsaH5Y\",\"docs_common_phone-input.md\":\"CYepReLj\",\"docs_common_pin-input.md\":\"DzfVAH9Z\",\"docs_common_radio-card-group.md\":\"9JKbRoWv\",\"docs_common_select.md\":\"CgtIVqAT\",\"docs_common_sonner.md\":\"BqRoXJ4i\",\"docs_common_switch.md\":\"Dizl0zgU\",\"docs_common_table.md\":\"BCbi-hOS\",\"docs_common_text-input.md\":\"z8oxrrn8\",\"docs_common_tooltip.md\":\"B0-ZgCXl\",\"docs_getting-started_about.md\":\"D64yVJrj\",\"docs_getting-started_changelog.md\":\"BxzOXuAM\",\"docs_getting-started_contribution.md\":\"B4md_UYi\",\"docs_getting-started_installation.md\":\"CUaMm6K7\",\"docs_others_animated-chevron.md\":\"Bb3UAArg\",\"docs_others_animated-copy.md\":\"1DVBV0kh\",\"docs_trending_border-beam.md\":\"BWT_Geco\",\"docs_trending_globe.md\":\"CnjQz5FM\",\"docs_trending_letter-pullup.md\":\"C4IHMFUh\",\"docs_trending_marquee.md\":\"BYQXKoiT\",\"docs_visualizations_bar-list.md\":\"KMI1wNUa\",\"docs_visualizations_progress-bar.md\":\"CMhP16_H\",\"docs_visualizations_progress-circle.md\":\"CHwboL-O\",\"docs_trending_number-ticker.md\":\"DFk_wBJP\",\"docs_visualizations_progress-semicircle.md\":\"C93KkgQ8\",\"docs_visualizations_spark-area-chart.md\":\"BuQ0hIV4\",\"docs_visualizations_spark-bar-chart.md\":\"AeNqD-zr\",\"docs_visualizations_spark-line-chart.md\":\"hV7dRZrU\",\"index.md\":\"0kQ18_MJ\",\"docs_common_skeleton.md\":\"DgRKZooF\",\"docs_common_tabs.md\":\"4RZQ1F59\",\"docs_visualizations_tracker.md\":\"D_LC5_t-\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"psyui\",\"titleTemplate\":\":title - psyui\",\"description\":\"Copy and paste vue components to build dashboards, charts and trending websites.\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"search\":{\"provider\":\"local\"},\"editLink\":{\"pattern\":\"https://github.com/Psycarlo/psyui/tree/main/apps/www/src/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":true}");</script>
    
  </body>
</html>

Whois info of domain

Domain Name: PSYUI.COM
Registry Domain ID: 2890073302_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.register.it
Registrar URL: http://www.register.it
Updated Date: 2024-06-12T19:11:20Z
Creation Date: 2024-06-12T19:01:13Z
Registry Expiry Date: 2025-06-12T19:01:13Z
Registrar: Register SPA
Registrar IANA ID: 168
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +39.05520021555
Domain Status: ok https://icann.org/epp#ok
Name Server: NS1.AMENWORLD.COM
Name Server: NS2.AMENWORLD.COM
DNSSEC: signedDelegation
DNSSEC DS Data: 56569 13 2 5DE7D507B569042D6F3BF76BDEBA3C3E5D178E771A3BE3EB764391CC31D3A12B
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-05T14:29:39Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass