Display
Testimonial Marquee
An infinite horizontal marquee of testimonial cards with pause-on-hover.
by mcpSkills
Framework
nextjs
UI Library
shadcntailwind
Difficultyintermediate
English Prompt
Create an infinite horizontal marquee of testimonial cards. The cards should scroll continuously from right to left, pause on hover, and duplicate seamlessly for the loop. Each card includes a quote, avatar, name, and role. Use a dark background, subtle card borders, and generous spacing. Use CSS animation with translateX. Use Tailwind CSS. No star icons—keep it typographic.
Chinese Prompt
创建一个无限水平滚动的推荐语 marquee。卡片应从右向左连续滚动,悬停暂停并无缝复制以形成循环。每张卡片包含引言、头像、姓名和职位。使用深色背景、微妙卡片边框和充裕间距。使用 CSS translateX 动画。使用 Tailwind CSS。不要星级图标——保持字体为主。

Overview
A moving band of social proof that adds rhythm to a page without overwhelming it.
Features
- Infinite horizontal scroll
- Pause on hover
- Seamless duplicated loop
- Quote + avatar + name + role
- Dark background + subtle borders
- CSS-driven animation
Usage
Use for testimonials, client logos, or press mentions.
Customization
Modify the prompt to:
- Reverse scroll direction
- Add two rows moving opposite ways
- Use logos instead of quotes
- Add gradient fade at edges