Grids & Layouts
Liquid Magma
Liquid magma feature grid with flowing animations and heat effects.
featureliquidmagmaflowing
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
itemCount | number | 8 | Number of liquid blob items to display. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
gradientFrom | string | #6366f1 | Gradient start color (hex, rgb, or hsl). |
gradientTo | string | #9333ea | Gradient end color (hex, rgb, or hsl). |
hoverGradientFrom | string | #f97316 | Hover gradient start color (hex, rgb, or hsl). |
hoverGradientTo | string | #ec4899 | Hover gradient end color (hex, rgb, or hsl). |
itemPrefix | string | Fluidity | Prefix text for item labels. |