Content Blocks
Glass Float
Frosted glass floating stats cards with parallax effects.
statsglassfloatparallax
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
stats | Array<{icon: LucideIcon, value: number, label: string}> | [] | Array of stat items with icon, value, and label. |
backgroundColor | string | #0f172a | Background color (hex, rgb, or hsl). |
blob1Color | string | #9333ea | First blob color for background effect. |
blob2Color | string | #06b6d4 | Second blob color for background effect. |
cardBgColor | string | rgba(255,255,255,0.05) | Card background color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
cardHoverBgColor | string | rgba(255,255,255,0.1) | Card hover background color. |
iconBgFromColor | string | rgba(255,255,255,0.2) | Icon gradient start color. |
iconBgToColor | string | transparent | Icon gradient end color. |
iconColor | string | #ffffff | Icon color. |
valueColor | string | #ffffff | Value text color. |
labelColor | string | rgba(255,255,255,0.6) | Label text color. |