Scrolling Testimonials

Infinite vertical scroll testimonial wall with multi-column layout, independent column speeds, reverse direction support, gradient fade masks, and avatar initials fallback.

Testimonialsscrolltestimonialssocial proofmarqueeinfinite scrollverticalcardsreviews

Scrolling Testimonials

Social proof

Trusted by product teams

Thousands of designers and engineers ship faster with Nexus UI.

“Shipped our entire landing page in a weekend. The animation quality is genuinely best-in-class.”

Sarah Chen

Head of Design · Vercel

“The attention to detail in every component is remarkable. Accessibility is built in from the start.”

James Kim

Engineering Manager · Notion

“Our design-to-code handoff is basically gone now. Devs just grab components and ship.”

Priya Nair

Product Designer · Planetscale

“Every component feels like it belongs. Consistent design language across the whole library.”

Clara Russo

Creative Director · Framer

“Shipped our entire landing page in a weekend. The animation quality is genuinely best-in-class.”

Sarah Chen

Head of Design · Vercel

“The attention to detail in every component is remarkable. Accessibility is built in from the start.”

James Kim

Engineering Manager · Notion

“Our design-to-code handoff is basically gone now. Devs just grab components and ship.”

Priya Nair

Product Designer · Planetscale

“Every component feels like it belongs. Consistent design language across the whole library.”

Clara Russo

Creative Director · Framer

“Finally a component library that respects the craft. Motion feels intentional, never gimmicky.”

Marcus Rodriguez

Senior Engineer · Linear

“We replaced three different component libraries with Nexus UI. Cleaner code, better performance.”

Elena Vasquez

CTO · Raycast

“I've evaluated 12 UI libraries this year. This is the first one I actually wanted to use.”

Tom Hanley

Frontend Lead · Loom

“Tailwind-first and fully typed. Exactly what we needed for a fast-moving product team.”

Noah Bennett

Staff Engineer · Supabase

“Finally a component library that respects the craft. Motion feels intentional, never gimmicky.”

Marcus Rodriguez

Senior Engineer · Linear

“We replaced three different component libraries with Nexus UI. Cleaner code, better performance.”

Elena Vasquez

CTO · Raycast

“I've evaluated 12 UI libraries this year. This is the first one I actually wanted to use.”

Tom Hanley

Frontend Lead · Loom

“Tailwind-first and fully typed. Exactly what we needed for a fast-moving product team.”

Noah Bennett

Staff Engineer · Supabase

“Copy-paste components that actually look premium out of the box. Our conversion rate went up 18%.”

Aisha Patel

Design Systems Lead · Stripe

“Dark mode, responsive, and animated right out of the box. This saved our team two weeks.”

David Park

Founder · Resend

“The Framer Motion integration is handled perfectly. No more wrestling with animation configs.”

Yuki Tanaka

UI Engineer · Figma

“The scroll animations alone were worth the price. Clients keep asking how we built it.”

Fatima Al-Rashid

Agency Owner · Webflow

“Copy-paste components that actually look premium out of the box. Our conversion rate went up 18%.”

Aisha Patel

Design Systems Lead · Stripe

“Dark mode, responsive, and animated right out of the box. This saved our team two weeks.”

David Park

Founder · Resend

“The Framer Motion integration is handled perfectly. No more wrestling with animation configs.”

Yuki Tanaka

UI Engineer · Figma

“The scroll animations alone were worth the price. Clients keep asking how we built it.”

Fatima Al-Rashid

Agency Owner · Webflow

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

speed

Base animation duration in ms for column 0.

pauseOnHover

Pause a column's animation on hover.

showHeader

Render the badge / title / subtitle header.

badge

Small pill badge text above the heading.

title

Section heading.

subtitle

Section subheading.

backgroundColor

Section background. Defaults to `var(--background)`.

cardBackground

Card background color.

Generated JSX

Copy this into your page.

<cn
  speed={35000}
  pauseOnHover={true}
  showHeader={true}
  badge="Testimonials"
  title="Loved by teams worldwide"
  subtitle="Join thousands of teams..."
  backgroundColor=""
  cardBackground=""
/>

Animation effects

scroll

Copy-paste ready

Use the Code tab above to inspect and copy this component into your project.

Installation