Magnetic Lattice Herov1.0.1
Use this Skill to build website page.
5.01 ratings49 downloads1 likes1 saves
$4.99
What do I get when I buy this Skill?Create a cursor-reactive hero with a shifting lattice of lines and nodes, readable messaging, and click-triggered ripples. It gives product and startup pages an interactive opening that still keeps the call to action clear, making it ideal when motion should support rather than distract from the story.
Picked most often by
Updated Aug 25, 2026
Preview gallery
Similar Skills
View all skills
What you get
- A single self-contained HTML hero — no build step, no libraries — that drops into any site or iframe
- Live interactions: the grid bends toward the cursor, glows where it lingers, and fires shockwave rings on click
- Two locked themes (violet-on-midnight and monochrome) plus a plain-words tuning table for the physics
Good fit
- Launch pages and developer-tool sites that want a first screen visitors actually play with
- Founders who want a memorable dark hero without hiring a motion designer
- Sites that need the hero to work with zero dependencies or build tooling
Not for
- Light-background or pastel brands — both locked themes are dark
- Pages that must avoid motion or canvas rendering entirely
- Teams looking for a full landing-page builder — this Skill focuses on the hero section
Product Launch & App GrowthWeb Design & Digital ExperiencesBuild Website PageBuild Landing PageEditable OutputGuided WorkflowVisually PolishedDark NeonMotion ReactiveTech Grid
About this Skill
What you need before you start
- You bring
- Hero copy: headline, supporting line, and call-to-action labels/links (the Skill can draft them from a product description)
- Last tested
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…