Neo-Brutalism

Bold neo-brutalist testimonial section with marquee animation.

testimonialbrutalistmarqueebold

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#F0F0F0Background color of the component (hex, rgb, or hsl).
headerBgColor
string#FF4D00Background color of the header section (hex, rgb, or hsl).
headerBorderColor
string#000000Border color of the header section (hex, rgb, or hsl).
headerTextColor
string#ffffffText color of the header section (hex, rgb, or hsl).
headerRotate
number-1Rotation angle of the header in degrees.
headerShadowColor
stringrgba(0,0,0,1)Shadow color of the header (hex, rgb, or hsl).
title
stringUnfiltered FeedbackMain title text.
cardBgColor
string#ffffffBackground color of the testimonial cards (hex, rgb, or hsl).
cardBorderColor
string#000000Border color of the testimonial cards (hex, rgb, or hsl).
cardShadowColor
stringrgba(0,0,0,1)Shadow color of the cards (hex, rgb, or hsl).
cardHoverShadowColor
stringrgba(0,0,0,1)Shadow color of cards on hover (hex, rgb, or hsl).
cardHoverTranslate
number2Translation distance of cards on hover in pixels.
avatarBorderColor
string#000000Border color of the avatar images (hex, rgb, or hsl).
avatarBgColor
string#fef08aBackground color of the avatar images (hex, rgb, or hsl).
starFillColor
string#000000Fill color of the star icons (hex, rgb, or hsl).
starTextColor
string#000000Text color for star rating (hex, rgb, or hsl).
quoteColor
string#000000Color of the quote text (hex, rgb, or hsl).
quoteUppercase
booleantrueWhether to display quotes in uppercase.
dividerBorderColor
string#000000Border color of dividers (hex, rgb, or hsl).
authorNameColor
string#000000Color of the author name text (hex, rgb, or hsl).
authorNameUppercase
booleantrueWhether to display author names in uppercase.
companyBadgeBgColor
string#000000Background color of company badges (hex, rgb, or hsl).
companyBadgeTextColor
string#ffffffText color of company badges (hex, rgb, or hsl).
companyBadgeUppercase
booleantrueWhether to display company badges in uppercase.
Neo-Brutalism - Content Blocks Component | UILora