Back to Sections

Testimonial Marquee

Two counter-drifting rows of testimonial cards in a seamless infinite loop — edge-masked, de-synced, pausable on hover, and fully readable under reduced motion.

Loved by developers

Copied, pasted, shipped

Asked Cursor for an OTP input and got six broken inputs. Pasted the prompt instead — the invisible-input trick, first try.
Maya Chen@mayabuilds · Frontend at Nimbus
The data table prompt encodes the filter → sort → paginate order. My AI finally stopped resetting the page on every keystroke.
Jonas Weber@jonasw · Design engineer
No package, no peer-dependency roulette. The component lands already wearing my tokens, like I wrote it myself.
Rachel Adams@rademsdev · UI lead at Parallel
I stopped copy-pasting JSX. A prompt that explains the trick beats code that fights my theme every single time.
Marcus Reed@marcusship · Indie hacker
Command palette in one paste — grouped commands, keyboard nav, empty state. And that was on a mid-tier model.
Hannah Fischer@hannahf · Product engineer
The marquee seam math alone was worth the visit. My loop finally doesn't jump at the wrap point.
Alex Turner@alexbuilds · Freelance dev
Shipped a multi-step form before lunch. The prompt speaks Tailwind tokens, so dark mode just worked.
Sofia Lindqvist@sofialq · Full-stack at Ferro
Reads like a spec written by someone who's been burned before. Every edge case I'd forget is already in there.
Daniel Brooks@dbrooks · Staff eng at Corte
Phone input with per-country masking, first try. I have never seen Copilot get that right cold.
Kevin Tran@kevtran · React dev at Loop
Our design system stayed intact — bg-primary, not a pasted hex. That's the whole point.
Elena Rossi@elenarossi · Design systems at Halide
The prompts name the exact failure AI makes, then route around it. Feels almost unfair.
Tomás Rivera@tomriv · Frontend lead at Atlas
Date range picker with the hover preview and backwards-click swap. One paste. Unreal.
Nina Petrova@ninap · Founder, Slate
Sectionssectiontestimonialsmarqueesocial-proofanimation
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: next/image

Overview

Seamless loop

Double-rendered track translating to -50%, gap folded into each copy

Counter-drift

Same keyframes, reversed direction, 40s vs 52s so rows de-sync

Edge fade

mask-image gradient on the clip — never overlay tints

Pause to read

Hover pauses the row; reduced motion gets a static strip

Prompt