Content Blocks
Cosmic Tilt
Cosmic tilt pricing section with 3D perspective effects.
pricingcosmictilt3d
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
plans | Array<{name: string, price: number, features?: string[]}> | [] | Array of pricing plans with name, price, and optional features. |
features | string[] | [] | Array of feature strings to display. |
backgroundColor | string | #0B0B0F | Background color (hex, rgb, or hsl). |
patternColor | string | rgba(255,255,255,0.03) | Grid pattern color. |
glowColor | string | rgba(147, 51, 234, 0.2) | Glow effect color. |
cardBgFromColor | string | rgba(255,255,255,0.1) | Card gradient start color. |
cardBgToColor | string | rgba(255,255,255,0.05) | Card gradient end color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
titleColor | string | #c084fc | Title text color. |
priceColor | string | #ffffff | Price text color. |
featureColor | string | rgba(196, 181, 253, 0.7) | Feature text color. |
featureDotColor | string | #a855f7 | Feature dot color. |
buttonBgColor | string | #ffffff | Button background color. |
buttonTextColor | string | #000000 | Button text color. |
buttonShadowColor | string | rgba(255,255,255,0.3) | Button shadow color. |
buttonText | string | Launch | Button text. |