Issue tracker card with live activity feed

Great for showing product depth on a features page without a real screenshot. The typing-dots row implies a live collaborative tool, drop it if the product has no chat or comments.

pattern · linear.app composite cardvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="lic-card">
  <div class="lic-header">
    <span class="lic-id">ENG-8852</span>
    <span class="lic-status lic-status-progress">In Progress</span>
  </div>
  <h4 class="lic-title">Faster app launch</h4>
  <p class="lic-desc">Render UI before full state sync when minimum required data is present.</p>
  <div class="lic-labels"><span>Performance</span><span>iOS</span></div>
  <div class="lic-activity">
    <div class="lic-row"><span class="lic-avatar">K</span><span class="lic-text"><b>Karri</b> created the issue &middot; 2m ago</span></div>
    <div class="lic-row"><span class="lic-avatar lic-avatar-bot">A</span><span class="lic-text"><b>Agent</b> opened a draft PR &middot; 2m ago</span></div>
    <div class="lic-row lic-row-pulse"><span class="lic-avatar">J</span><span class="lic-text"><b>Jori</b> is typing<span class="lic-dots"><i></i><i></i><i></i></span></span></div>
  </div>
</div>

Block id: linear-issue-card-mockupvanilla · swap-content

More composite blocks

2x2 benefit grid with embedded UI snippets

cal.com

Pricing feature comparison table with highlighted column

cal.com

Central-hub integration diagram

cal.com

Kanban board mockup with status columns

linear

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call