卡片 · Pretty Earwig

类型：组件　·　分类：卡片　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<!-- From Uiverse.io by Dhananjoy43 - Tags: simple, login, blue, card, login form -->
<div class="card px-8 py-6 rounded-lg bg-gray-800 w-72">
  <h1 class="text-center font-bold text-3xl text-white">Login</h1>
  <form class="my-6">
    <input class="p-2 my-2 rounded w-[100%] focus:outline-blue-600" placeholder="Name" type="text">
    <input class="p-2 my-2 rounded w-[100%] focus:outline-blue-600" placeholder="Email" type="email">
    <input class="p-2 my-2 rounded w-[100%] focus:outline-blue-600" placeholder="Password" type="password">
    <button class="bg-blue-600 hover:bg-blue-500 text-white font-semibold p-2 mt-3 rounded w-[100%]">Login</button>
  </form>
</div>

[/hidecontent]