50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/2560d2n15vwt0.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/139qrzcz9lv4a.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/29nnfbif7huoh.js","/creators-assets/_next/static/immutable/chunks/0wtdx5gy0autr.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/1jp3s4ouxoyr3.js","/creators-assets/_next/static/immutable/chunks/2ghns2teubdvo.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3ogkzi2dwy7m5.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2hnfu5uxkt8n0.js","/creators-assets/_next/static/immutable/chunks/0hkuwyfzgyt29.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/0_fhuyoczujnr.js","/creators-assets/_next/static/immutable/chunks/0b95zai6bhh8l.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2qhn_o-66b-q9.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3lqafyeq6rldt.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/1zvmc9yy7z5jg.js"],"S"] 51:T508,

Coming soon: Aurora Background

We're bringing the northern lights to your canvas.

Aurora Background is a fully animated code component that renders drifting, fluted curtains of light — inspired by real aurora borealis photography, not stock gradients. Two overlapping bands fold and ripple continuously, with a bright glowing rim, soft internal light rays, and motion that never repeats the same way twice.

What's inside:

🌌 True wave-based motion — curtains ripple and drift like the real thing, not a looping GIF

🎨 Theme system — start with Default green, with more color themes on the way (Yellow/Pink already in the mix)

☀ 🌙 Light & Dark modes — same component, tuned separately for both

⚙ Drop-in Framer code component — no plugins, no external assets, just paste and go

Built for hero sections, login screens, and anywhere your UI needs a little atmosphere.

Launching soon.

52:T403,

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

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-0e28be84-638d-4f49-b6c1-efef079208ba-all:/unified/creator/0e28be84-638d-4f49-b6c1-efef079208ba/activity/":[{"data":[{"id":"019fed2c-eda0-77cb-b0fa-8be918d1506e","type":"component.created","target":{"type":"component","id":"YWjxACHizaEHNqpF8EJq","preview":"Honeycomb Background","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e28be84-638d-4f49-b6c1-efef079208ba/019fed27-71d1-70bb-bbb8-387e4172f353.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0e28be84-638d-4f49-b6c1-efef079208ba","name":"Andrew Simmons","avatar":null,"slug":"andrew-simmons","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-10T19:36:12.448Z","latestAt":"2026-08-10T19:36:12.448Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0e28be84-638d-4f49-b6c1-efef079208ba:/unified/posts/?creator=0e28be84-638d-4f49-b6c1-efef079208ba&with=reposts":[{"data":[{"id":"01a04938-b785-7568-a1e0-3e2df1b9ac94","title":null,"body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Coming soon: Aurora Background"}]},{"type":"paragraph","content":[{"type":"text","text":"We're bringing the northern lights to your canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Aurora Background","marks":[{"type":"bold"}]},{"type":"text","text":" is a fully animated code component that renders drifting, fluted curtains of light — inspired by real aurora borealis photography, not stock gradients. Two overlapping bands fold and ripple continuously, with a bright glowing rim, soft internal light rays, and motion that never repeats the same way twice."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"milky_way","emoji":"🌌"}},{"type":"text","text":" True wave-based motion — curtains ripple and drift like the real thing, not a looping GIF"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Theme system — start with "},{"type":"text","text":"Default","marks":[{"type":"bold"}]},{"type":"text","text":" green, with more color themes on the way (Yellow/Pink already in the mix)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sunny","emoji":"☀"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"crescent_moon","emoji":"🌙"}},{"type":"text","text":" Light & Dark modes — same component, tuned separately for both"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"gear","emoji":"⚙"}},{"type":"text","text":" Drop-in Framer code component — no plugins, no external assets, just paste and go"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for hero sections, login screens, and anywhere your UI needs a little atmosphere."}]},{"type":"paragraph","content":[{"type":"text","text":"Launching soon.","marks":[{"type":"italic"}]}]}]},"author":{"framerUserId":"0e28be84-638d-4f49-b6c1-efef079208ba","name":"Andrew Simmons","slug":"andrew-simmons","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e28be84-638d-4f49-b6c1-efef079208ba/01a0493a-c25c-71d3-8231-139709661d9c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-28T16:36:27.746Z","createdAt":"2026-08-28T16:34:08.905Z","updatedAt":"2026-08-28T16:36:27.746Z"},{"id":"019ff62f-17de-70ba-b3ee-813c555889dd","title":null,"body":"

Built a background that pushes back.

Honeycomb Background is an interactive hex grid — hexes near your cursor press down like buttons, with a beveled gradient for a raised, tactile look. Pair it with a radiating center glow and you've got a premium hero background in one drop-in component.

What you get: — Cursor-reactive hex press (radius, depth, and darken all adjustable) — Beveled gradient fill for a real 3D feel — Optional radial glow — color, radius, intensity — Full color/size/opacity/stroke controls — Resizes automatically, GPU-smooth

Launch week: $7 (going to $9 after).

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a background that pushes back."}]},{"type":"paragraph","content":[{"type":"text","text":"Honeycomb Background is an interactive hex grid — hexes near your cursor press down like buttons, with a beveled gradient for a raised, tactile look. Pair it with a radiating center glow and you've got a premium hero background in one drop-in component."}]},{"type":"paragraph","content":[{"type":"text","text":"What you get: — Cursor-reactive hex press (radius, depth, and darken all adjustable) — Beveled gradient fill for a real 3D feel — Optional radial glow — color, radius, intensity — Full color/size/opacity/stroke controls — Resizes automatically, GPU-smooth"}]},{"type":"paragraph","content":[{"type":"text","text":"Launch week: $7 (going to $9 after)."}]}]},"author":{"framerUserId":"0e28be84-638d-4f49-b6c1-efef079208ba","name":"Andrew Simmons","slug":"andrew-simmons","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e28be84-638d-4f49-b6c1-efef079208ba/019ff62e-c6d0-77ee-abf0-70f1d22c355f.webp","metadata":{"tint":{"h":120,"s":25,"l":13},"width":480,"height":248}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-12T13:41:16.414Z","createdAt":"2026-08-12T13:35:09.282Z","updatedAt":"2026-08-12T13:41:16.414Z"},{"id":"019fed2c-ebf3-73eb-a5f7-2c9a741f2ab5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0e28be84-638d-4f49-b6c1-efef079208ba","name":"Andrew Simmons","slug":"andrew-simmons","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"YWjxACHizaEHNqpF8EJq","resolved":true,"title":"Honeycomb Background","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Honeycomb Background","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D hex grid that responds to cursor movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Beveled gradient fill on each hex for a raised, tactile look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Soft glow radiating outward from the center of the screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — auto-fills any section size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code setup via Framer property controls"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center glow color, radius, and intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hex color, size, and stroke width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hex opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor influence radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Press depth and darken amount"}]}]}]}]},"introduction":"Interactive Hex Grid","slug":"honeycomb-background","author":{"framerUserId":"0e28be84-638d-4f49-b6c1-efef079208ba","name":"Andrew Simmons","slug":"andrew-simmons","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e28be84-638d-4f49-b6c1-efef079208ba/019fed27-71d1-70bb-bbb8-387e4172f353.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-10T19:36:11.594Z","updatedAt":"2026-08-19T17:20:38.887Z","publishedAt":"2026-08-10T19:36:11.590Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://honeycombpreview.framer.website/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_uitAhd9GWg4HgD8fttg8KC52kG4pQQ5dVua4o4GOZDk","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"sqTNL3SOlF5xzHmeUXms","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T19:36:12.019Z","updatedAt":"2026-08-10T19:36:12.019Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]