Sections, new
Testimonial Wall
A masonry wall of quotes in three or four columns, each a seamless loop drifting slowly, alternate columns in opposite directions.
$149 once · every Pro piece
Customize
A column under the pointer slows to a stop, and the quote under it warms: its text turns to bone over a faint accent glow. A filter row re-flows the wall: quotes that leave fade, the rest glide to their new places. A pause control stops the drift, and with reduced motion the wall is a still masonry showing every quote. Names and companies in the demo are fictional.
Install
npx shadcn@latest add @obsyde/testimonialsNeeds your licence key · Get Pro
Usage
Import it from where the CLI puts it, or copy the files below by hand.
import { TestimonialWall } from '@/components/obsyde/ember/testimonials/TestimonialWall';
export function Example() {
return (
<TestimonialWall />
);
}
Files
What you get with Pro: plain React, TypeScript and CSS, with no dependencies.
ember/testimonials/TestimonialWall.tsxcomponentember/testimonials/testimonials-demo.cssstylesember/testimonials/testimonials.cssstylesember/testimonials/TestimonialWallDemo.tsxdemoember/actions-kit/kit.tssharedember/segmented/segmented.csssharedember/segmented/Segmented.tsxsharedember/shared/ember.csssharedember/shared/accent.tssharedember/shared/spring.tssharedember/fire-kit/gl.tssharedember/blocks-kit/kit.tsxshared
API
| Prop | Type | Default |
|---|---|---|
accentAccent | 'ember' | 'volt' | 'arc' | 'ember' |
filterFilter | 'all' | 'engineers' | 'designers' | 'founders' | 'all' |
columnsColumns | number | 4 |
speedSpeed (px/s) | number | 18 |
playingPlaying | boolean | true |