Clay Physics

Organic clay physics testimonial cards with morphing shapes.

testimonialclayphysicsmorphing

Props

Customize the component with these props

PropertyTypeDefaultDescription
testimonials
TestimonialItem[][]Array of testimonial items with id, name, role, company, content/text, media, avatar/image.
backgroundColor
string#E0E5ECBackground color of the component (hex, rgb, or hsl).
textColor
string#475569Default text color (hex, rgb, or hsl).
title
stringLoved by Humans.Main title text.
titleColor
string#334155Color of the title text (hex, rgb, or hsl).
subtitle
stringOur users are our biggest fans. We don't just build software; we build relationships.Subtitle text.
subtitleColor
string#475569Color of the subtitle text (hex, rgb, or hsl).
buttonBgColor
string#E0E5ECBackground color of buttons (hex, rgb, or hsl).
buttonShadowLight
stringrgba(255,255,255,0.5)Light shadow color for buttons (hex, rgb, or hsl).
buttonShadowDark
stringrgb(163,177,198)Dark shadow color for buttons (hex, rgb, or hsl).
buttonTextColor
string#334155Text color of buttons (hex, rgb, or hsl).
buttonHoverTextColor
string#3b82f6Text color of buttons on hover (hex, rgb, or hsl).
buttonActiveShadowLight
stringrgb(163,177,198)Light shadow color for active buttons (hex, rgb, or hsl).
buttonActiveShadowDark
stringrgba(255,255,255,0.5)Dark shadow color for active buttons (hex, rgb, or hsl).
cardBgColor
string#E0E5ECBackground color of the testimonial cards (hex, rgb, or hsl).
cardShadowLight
stringrgba(255,255,255,0.5)Light shadow color for cards (hex, rgb, or hsl).
cardShadowDark
stringrgb(163,177,198)Dark shadow color for cards (hex, rgb, or hsl).
iconBgColor
string#60a5faBackground color of icons (hex, rgb, or hsl).
iconBorderColor
string#E0E5ECBorder color of icons (hex, rgb, or hsl).
iconColor
string#ffffffColor of icons (hex, rgb, or hsl).
quoteColor
string#334155Color of the quote text (hex, rgb, or hsl).
authorNameColor
string#334155Color of the author name text (hex, rgb, or hsl).
authorCompanyColor
string#64748bColor of the author company text (hex, rgb, or hsl).
Clay Physics - Content Blocks Component | UILora