Uilora
Uilora.
Uilora
Uilora.
Content Blocks
Playground

Neo-Brutalism

Bold neo-brutalist pricing cards with chunky shadows.

pricingbrutalistboldchunky

Props

Customize the component with these props

PropertyTypeDefaultDescription
title
stringNo Hidden Fees.Section title text.
titleLine1
stringNo Hidden Fees.First line of title.
titleLine2
stringJust Raw Value.Second line of title.
plans
Array<{name: string, price: number, badge?: string}>[]Array of pricing plans with name, price, and optional badge.
features
string[][]Array of feature strings to display.
backgroundColor
string#F4F4F0Background color (hex, rgb, or hsl).
headerBgColor
string#FF5E5BHeader background color.
headerBorderColor
string#000000Header border color.
headerTextColor
string#000000Header text color.
headerShadowColor
stringrgba(0,0,0,1)Header shadow color.
cardBgColors
string[]["#A3E635", "#60A5FA", "#F472B6"]Array of card background colors.
cardBorderColor
string#000000Card border color.
cardTextColor
string#000000Card text color.
badgeBgColor
string#000000Badge background color.
badgeTextColor
string#ffffffBadge text color.
priceColor
string#000000Price text color.
featureCheckBgColor
string#000000Feature check background color.
featureCheckTextColor
string#ffffffFeature check text color.
buttonBgColor
string#000000Button background color.
buttonTextColor
string#ffffffButton text color.
buttonHoverBgColor
string#ffffffButton hover background color.
buttonHoverTextColor
string#000000Button hover text color.
buttonHoverBorderColor
string#000000Button hover border color.
shadowColor
string#000000Shadow color.
buttonText
stringGet It NowButton text.
Neo-Brutalism - Content Blocks Component | UILora