Clay Physics

Organic clay physics stats section with morphing shapes.

statsclayphysicsmorphing

Props

Customize the component with these props

PropertyTypeDefaultDescription
stats
Array<{icon: LucideIcon, value: number, label: string, suffix?: string, iconColor?: string}>[]Array of stat items with icon, value, label, optional suffix, and iconColor.
backgroundColor
string#e0e5ecBackground color (hex, rgb, or hsl).
cardBgColor
string#e0e5ecCard background color.
cardShadowLight
stringrgba(255,255,255,0.5)Card light shadow color for neumorphic effect.
cardShadowDark
stringrgb(163,177,198)Card dark shadow color for neumorphic effect.
iconBgColor
string#e0e5ecIcon background color.
iconShadowLight
string#ffffffIcon light shadow color.
iconShadowDark
string#bebebeIcon dark shadow color.
valueColor
string#475569Value text color.
labelColor
string#64748bLabel text color.
Clay Physics - Content Blocks Component | UILora