Grids & Layouts
Silk Void Layout
Minimalist bento grid with silk-like textures and void spaces.
bentosilkvoidminimal
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
mainTitle | string | EtherealResonance | Main title text (supports for line breaks). |
mainIcon | React.ReactNode | Main icon component (optional). | |
frequencyLabel | string | Frequency | Frequency label text. |
frequencyValue | string | 432Hz | Frequency value display. |
loadingLabel | string | Loading State | Loading state label text. |
element1Icon | React.ReactNode | First element icon component (optional). | |
element1Label | string | Air | First element label text. |
element2Icon | React.ReactNode | Second element icon component (optional). | |
element2Label | string | Flow | Second element label text. |
backgroundColor | string | #050505 | Background color (hex, rgb, or hsl). |
meshColor1 | string | purple-900 | First mesh gradient color (Tailwind color name). |
meshColor2 | string | blue-900 | Second mesh gradient color (Tailwind color name). |
accentColor1 | string | purple-300 | First accent color (Tailwind color name). |
accentColor2 | string | blue-300 | Second accent color (Tailwind color name). |