Measured entry
efferd-testimonials-1
testimonialsminimal-flatmotion on file
A client-side React testimonial column that loops duplicated cards through a continuous vertical Motion animation. It ships as a shadcn registry block, expects a testimonials array from its parent, imports motion/react, and relies on Tailwind utilities plus shadcn theme tokens for its card styling.



Measured
Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.
| Build | OK |
|---|---|
| Mount | OK |
| Console errors | 0 |
| Uncaught page errors | 0 |
| Horizontal overflow | clean at 375, 768, 1440 |
| Axe critical | 0 |
| Axe serious | 0 |
| Axe moderate | 0 |
| Axe minor | 0 |
| Gzip marginal | 61.9 KB (127.4 KB build, 65.5 KB baseline) |
| Bare mode | OK |
| Provider required | NO |
| Demo used | written from the component source API |
Verdict
A focused animated column, but not a ready-to-render section: the verified demo fails because the required testimonials prop is undefined. It needs a shadcn-style setup and explicit data wiring before it can mount, so adopt it as source material rather than expecting a turnkey block.
Use it if
- You want an endlessly scrolling testimonial column and already have structured quote, avatar, name, and role data.
- Your interface already uses Tailwind and shadcn-style color tokens, so the supplied classes fit without a styling rewrite.
- Adding Motion is acceptable for a small promotional section with continuous animation.
Skip it if
- You need a drop-in demo that renders without wiring props, because this export crashes when the testimonials array is absent.
- You want a static quote grid or user-controlled carousel rather than perpetual vertical movement.
- You do not want to add Motion or reproduce the Tailwind and theme-token styling assumptions.
Install
| Declared dependencies | motion |
|---|---|
| Missing on install | none |
| Bare install | builds and mounts without the shadcn-style helpers |
| Provider | no provider required in the harness |
In a non-shadcn project, add Motion, provide equivalent Tailwind utilities or rewrite the classes, define the card and foreground theme tokens, keep it as a client component, and pass a testimonials array containing text, image, name, and role fields.
Source and credit
This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.
Author repository
github.com/shabanhr/efferd-uiAlternatives
Other published entries for the testimonials pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.
- tailark-mist-testimonials-1minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 17.6KB
- Bare
- pass
- Prov
- NO
- meraki-testimonials-sliderminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 18.2KB
- Bare
- pass
- Prov
- NO
- meraki-testimonials-centeredminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 18.4KB
- Bare
- pass
- Prov
- NO
- meraki-testimonials-full-page-cardsminimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 18.7KB
- Bare
- pass
- Prov
- NO
- tailark-veil-testimonials-4minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 23.7KB
- Bare
- pass
- Prov
- NO
- tailark-veil-testimonials-3minimal-flat
- Renders
- YES
- A11y
- 0
- Gzip
- 23.8KB
- Bare
- pass
- Prov
- NO