Uilora Pixel Bloom
Infinite circular carousel with pastel-colored cards, floating DiceBear avatars at the top, quote text, and name/rating at bottom.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| testimonials | Array<{name, role, content, seed, cardColor}> | 6 pastel testimonials | Testimonial items with per-card pastel color. |
| title | string | Learner Success Stories | Section heading. |
| subtitle | string | See how our learners achieved success... | Section subtitle. |
| accentColor | string | #7C3AED | Accent color (currently reserved for future use). |
When to Use
Great for education platforms, course marketplaces, and community-driven products with a warm, approachable feel.
Best Practices
Use soft pastel cardColors that harmonize. 6 testimonials gives a full circular loop.
Why This Component Matters
Floating avatars above pastel cards create an instantly warm and personal testimonial experience.
FAQ
QHow do I change card colors?
Each testimonial item has a cardColor field — pass any hex color to style each card individually.
Related Components
Uilora Dynamic
Interactive tiered pricing calculator with seat slider, billing toggle, and real-time cost breakdown.
Uilora Cloud Slider
Dark navy 3-plan cloud pricing with per-card sliders, add-on checkboxes, and live price calculation.
Uilora Matrix
Feature comparison matrix with 3 plans, monthly/yearly toggle, Pro spotlight, check/cross icons.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.