Uilora
Uilora.
Uilora
Uilora.
Content Blocks
Playground

Retro Terminal

Retro terminal pricing section with command-line aesthetics.

pricingterminalretrocommand-line

Props

Customize the component with these props

PropertyTypeDefaultDescription
plans
Array<{name: string, price: number}>[]Array of pricing plans with name and price.
features
string[][]Array of feature strings to display.
backgroundColor
string#1a1b26Background color (hex, rgb, or hsl).
terminalBgColor
string#24283bTerminal background color.
terminalBorderColor
string#414868Terminal border color.
terminalShadowColor
stringrgba(0,0,0,0.5)Terminal shadow color.
headerBgColor
string#1f2335Header background color.
headerBorderColor
string#414868Header border color.
dot1Color
string#ff5f56First dot color (red).
dot2Color
string#ffbd2eSecond dot color (yellow).
dot3Color
string#27c93fThird dot color (green).
promptTextColor
string#9aa5cePrompt text color.
commandTextColor
string#7aa2f7Command text color.
successTextColor
string#73dacaSuccess text color.
infoTextColor
string#a9b1d6Info text color.
planPrefixColor
string#7aa2f7Plan prefix color.
planNameColor
string#ffffffPlan name text color.
planPriceColor
string#9aa5cePlan price text color.
planHoverBorderColor
string#7aa2f7Plan hover border color.
detailsBgColor
string#1f2335Details background color.
detailsBorderColor
string#414868Details border color.
detailsTitleColor
string#7aa2f7Details title text color.
featureCheckColor
string#73dacaFeature check color.
featureTextColor
string#a9b1d6Feature text color.
hintBgColor
string#1f2335Hint background color.
hintTextColor
string#9aa5ceHint text color.
hintKeyBgColor
string#414868Hint key background color.
hintKeyTextColor
string#ffffffHint key text color.
cursorColor
string#7aa2f7Cursor color.
promptText
string$Prompt text.
commandText
stringcat pricing.txtCommand text.
successText
string✓ LoadedSuccess text.
infoText
string→ Select a tierInfo text.
detailsTitle
stringFeatures:Details title text.
hintText
stringPressHint text.
hintKey
stringENTERHint key text.
Retro Terminal - Content Blocks Component | UILora