Grids & Layouts
Neo-Brutal Layout
Bold neo-brutalist bento grid with chunky borders and vibrant colors.
bentoneo-brutalboldcolorful
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
mainTitle | string | Make It Pop! | Main title text (supports for line breaks). |
mainSubtitle | string | Main subtitle text. | |
warningText | string | WARNING: LOUD DESIGN | Warning text displayed in header. |
navItems | string[] | ['Works', 'About', 'Shop', 'Contact'] | Array of navigation item strings. |
feature1Title | string | COMMAND | First feature card title. |
feature1Description | string | Take Control. | First feature card description. |
feature2Title | string | SECURE | Second feature card title. |
feature3Percentage | string | 99% | Third feature card percentage value. |
marqueeItems | string[] | ['START A PROJECT', '★', 'BOOK A CALL'] | Array of marquee scrolling items. |
backgroundColor | string | #B8C0FF | Background color (hex, rgb, or hsl). |
headerColor | string | #FF90E8 | Header section color (hex, rgb, or hsl). |
sidebarColor | string | #FFC900 | Sidebar section color (hex, rgb, or hsl). |
feature2Color | string | #23A094 | Second feature card color (hex, rgb, or hsl). |