Scrolling Text Generator

Stock Scarcity Counter Generator

Create stock scarcity counters with progress bars and low-stock warnings. Drive urgency and boost conversions with customizable inventory displays.

Live Preview

Only 7 left in stock!

Hurry! Almost sold out.

Generated Code
<style>
.sc-widget{background:#fef2f2;padding:14px 18px;border-radius:8px;font-family:system-ui,sans-serif;max-width:400px}
.sc-text{font-size:14px;color:#1a1a2e;margin:0 0 8px;font-weight:500}
.sc-count{font-weight:700;color:#ef4444}
.sc-low{color:#ef4444;font-size:13px;margin:6px 0 0;font-weight:600}
.sc-bar-bg{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}
.sc-bar{height:100%;background:#ef4444;border-radius:4px;width:14%;animation:sc-fill 1s ease forwards;}
@keyframes sc-fill{from{width:0}to{width:14%}}
</style>

<div class="sc-widget">
  <p class="sc-text">Only <span class="sc-count">7</span> left in stock!</p>
  <div class="sc-bar-bg"><div class="sc-bar"></div></div>
  <p class="sc-low">Hurry! Almost sold out.</p>
</div>

Stock Settings

Styling