Neon Arcade

Neon arcade pricing section with retro gaming aesthetics.

pricingneonarcaderetro

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#090014Background color (hex, rgb, or hsl).
topGlowColor
string#ff00ffTop glow effect color.
bottomPatternColor
string#ff00ffBottom pattern color.
cardGradientFrom
string#00ffffCard gradient start color.
cardGradientTo
string#ff00ffCard gradient end color.
cardBgColor
string#1a0b2eCard background color.
cardBorderColor
stringrgba(255,0,255,0.3)Card border color.
iconBorderColor
string#00ffffIcon border color.
iconShadowColor
string#00ffffIcon shadow color.
iconColor
string#00ffffIcon color.
planNameColor
string#ff00ffPlan name text color.
priceColor
string#ffffffPrice text color.
featureTextColor
string#00ffffFeature text color.
featureCheckColor
string#ff00ffFeature check color.
buttonBgColor
string#ff00ffButton background color.
buttonHoverBgColor
string#00ffffButton hover background color.
buttonHoverTextColor
string#090014Button hover text color.
buttonShadowColor
string#ff00ffButton shadow color.
buttonText
stringPLAY NOWButton text.
Neon Arcade - Content Blocks Component | UILora