Skip to content

component

Honeycomb Background

By Andrew Simmons

Details

Summary

Honeycomb Background A premium animated background for Framer that pairs a soft radiating glow with an interactive 3D hex grid.

Description

Honeycomb Background A premium animated background for Framer that pairs a soft radiating glow with an interactive 3D hex grid. Hexes near your cursor press down like real buttons, with a beveled gradient giving each one a raised, tactile feel. Drop it into any section for an instant, dimensional hero background. Features Interactive 3D hex grid that responds to cursor movement Beveled gradient fill on each hex for a raised, tactile look Soft glow radiating outward from the center of the screen Fully responsive — auto-fills any section size No-code setup via Framer property controls Customizable Background color Center glow color, radius, and intensity Hex color, size, and stroke width Hex opacity Cursor influence radius Press depth and darken amount

Introduction

Interactive Hex Grid

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600175598/148/228/309/79/15
  • All · #6846