---
title: "HexHUD Grid — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Geometry Craft Studio · Sections. Hexagonal Heads-Up Display Grid - Interactive Hexagonal & Bento Layout HexHUD Grid is a fully customizable navigation…"
canonical: "https://framer.elliotli.dev/component/hexhud-grid"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/HexHUD Grid

# HexHUD Grid

Hexagonal Heads-Up Display Grid

[View on Framer](https://framer.com/marketplace/components/hexhud-grid/?via=elliot-li)

![HexHUD Grid preview image 1](https://framer.elliotli.dev/og/component/hexhud-grid/ee0daa5cd3ed95c9/1600x1200.jpg)

## Summary

Hexagonal Heads-Up Display Grid - Interactive Hexagonal & Bento Layout HexHUD Grid is a fully customizable navigation and layout component for Framer based on a unique hexagonal…

## Description

**Hexagonal Heads-Up Display Grid - Interactive Hexagonal & Bento Layout**

**HexHUD Grid** is a fully customizable navigation and layout component for Framer based on a unique hexagonal structure. It is designed to function as an interactive web menu, a visual page element, or a graphic asset for digital presentations.

### Functional Features

-   **Adaptive Layout:** Switch between horizontal and vertical display modes to easily configure responsive behavior across devices.
    
-   **Property Panel Control:** The entire layout and configuration are managed directly via the Framer properties panel without touching code.
    
-   **Flexible Interaction:** Micro-animations and the highlighting of clicked cells can be enabled or disabled depending on your design needs.
    
-   **Visual Presets:** Includes 5 ready-to-use styles: three outline variations with transparent or semi-transparent fills, and two with solid, opaque fills.
    
-   **Custom Styling:** Full control over the component’s primary color, text colors, and font sizes to match your project's branding.
    

### Perfect For:

Futuristic dashboards, developer portfolios, Web3 & crypto showcases, gaming sites, and high-tech product landing pages.

### Content Structure

The grid consists of **7 customizable cells**. Each individual cell allows you to configure:

-   Short text labels (1–2 words)
    
-   Icons
    
-   Web links, including full support for anchor links
    

### Search Keywords:

hexagonal grid, honeycomb layout, bento grid, framer component, interactive hover, svg filters, cyberpunk ui, tech portfolio grid, glowing effects, custom layout, dark mode component.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6586

## Details

- **Author**: Geometry Craft Studio
- **Price**: $10.00
- **Published**: 2026-07-17
- **Updated**: 2026-07-23
- **Added**: 2026-07-17
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes