卡片 · Tasty Bulldog

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

[hidecontent type="vip1"]

<!-- From Uiverse.io by RashadGhzi  - Tags: simple, card, modern, futuristic, creative, card template, tailwindcss -->
<div class="bg-white rounded-lg shadow-lg p-6 max-w-xs font-serif">
  <div class="relative">
    <svg
      fill="currentColor"
      viewBox="0 0 24 24"
      class="absolute -top-6 -right-6 w-24 h-24 text-indigo-400 opacity-25"
    >
      <path
        d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z"
      ></path>
    </svg>
    <svg
      fill="currentColor"
      viewBox="0 0 24 24"
      class="w-16 h-16 mx-auto text-indigo-600"
    >
      <path
        d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z"
      ></path>
    </svg>
  </div>
  <div class="mt-4 text-center">
    <div class="text-2xl font-semibold text-gray-900 font-mono">
      Unique Card Title
    </div>
    <div class="mt-2 text-gray-600">
      This is a unique card design featuring an abstract SVG pattern. It's
      modern, minimalist, and stands out from the usual card designs.
    </div>
    <button
      class="mt-6 px-4 py-2 bg-indigo-600 text-white text-sm w-full rounded shadow-md hover:bg-indigo-700 transition ease-out duration-300 hover:scale-95"
    >
      Learn More
    </button>
  </div>
</div>


    

[/hidecontent]