TailwindHub
HomeEditorUsers
TailwindHub is an open source projectCollaborate on GitHub

Card skeleton

genaroibcgenaroibc

3 likes

created last year

cardlayout
    • Open in editor
    Open in editor
    <article class="w-full max-w-md flex flex-col gap-4 border-2 p-4 rounded-lg">
      <div class="flex gap-2 items-center">
        <div class="animate-pulse bg-slate-300 w-12 h-12 aspect-square rounded-full"></div>
        <div class="animate-pulse bg-slate-300 w-full h-12 rounded-lg"></div>
      </div>
      <div class="animate-pulse bg-slate-300 w-full h-8 rounded-lg"></div>
      <div class="animate-pulse bg-slate-300 w-full h-8 rounded-lg"></div>
    </article>