Grids & Layouts
Tech Blueprint
Technical blueprint-style feature grid with engineering aesthetics.
featureblueprinttechengineering
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{title: string, desc: string, icon?: React.ReactNode, img?: string}> | [{title: 'Global Edge', desc: 'Latency is a choice. We chose zero.', img: '...'}, ...] | Array of feature items with title, description, optional icon, and optional image. |
backgroundColor | string | #0f172a | Background color (hex, rgb, or hsl). |
gridColor | string | #1e293b | Grid pattern color (hex, rgb, or hsl). |
borderColor | string | #3b82f6 | Border and accent color (hex, rgb, or hsl). |
commandText | string | EXECUTE_PROTOCOL | Command text displayed in scanning line. |