𝕏
Sign in
← All sections

Counting Stats Band

Social proofBold typeWorks in Claude Code · Cursor · v0
Build prompt
Build a stats band: dark background, three to four big numbers in lime that count up from 0 with an ease-out-cubic over 1.6s the first time the band scrolls into view (IntersectionObserver), each with a small grey label. Numbers use tabular figures so they don't jitter.
Code
<style>*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;overflow:hidden}</style><style>body{background:#111;color:#fff;height:100vh;display:flex;align-items:center;justify-content:space-around;text-align:center}b{display:block;font:900 54px/1 system-ui;color:#c6ff3d}span{color:#999;font-size:13px}</style>
<div><b data-n="254">0</b><span>videos with prompts</span></div><div><b data-n="233">0</b><span>creators credited</span></div><div><b data-n="16">0</b><span>agent skills</span></div>
<script>document.querySelectorAll('b').forEach(b=>{let n=+b.dataset.n,t0=performance.now();(function f(t){let p=Math.min(1,(t-t0)/1600);b.textContent=Math.round(n*(1-Math.pow(1-p,3)));if(p<1)requestAnimationFrame(f)})(t0)})</script>

More sections

Free

Infinite Logo Marquee

Social proof · Minimal
Preview
Free

Scrolling Testimonial Wall

Social proof · Soft light
Preview