Tower crane menu
A site crane runs its trolley to the section you choose, lowers the hook and lifts it up, where it keeps swaying.
Settings
Code
<div class="uvq12-cr"><span class="ms" aria-hidden="true"></span><span class="jb" aria-hidden="true"></span><span class="cw" aria-hidden="true"></span><span class="tr" aria-hidden="true"><i class="cb"><svg viewBox="0 0 24 24"><path d="M12 2v9a4 4 0 1 1-4 4"/></svg></i></span><div class="gd" role="tablist" aria-label="Building site"><button type="button" role="tab" id="uvq12-cr-t0" aria-selected="true" aria-controls="uvq12-cr-p0" tabindex="0" class="up"><span class="bk">Projects</span></button><button type="button" role="tab" id="uvq12-cr-t1" aria-selected="false" aria-controls="uvq12-cr-p1" tabindex="-1"><span class="bk">Studio</span></button><button type="button" role="tab" id="uvq12-cr-t2" aria-selected="false" aria-controls="uvq12-cr-p2" tabindex="-1"><span class="bk">Press</span></button><button type="button" role="tab" id="uvq12-cr-t3" aria-selected="false" aria-controls="uvq12-cr-p3" tabindex="-1"><span class="bk">Contact</span></button></div><span class="gr" aria-hidden="true"></span><div class="pn" role="tabpanel" id="uvq12-cr-p0" aria-labelledby="uvq12-cr-t0">Twelve sites under way this year.</div><div class="pn" role="tabpanel" id="uvq12-cr-p1" aria-labelledby="uvq12-cr-t1" hidden>A team of architects and engineers.</div><div class="pn" role="tabpanel" id="uvq12-cr-p2" aria-labelledby="uvq12-cr-t2" hidden>Awards and recent articles.</div><div class="pn" role="tabpanel" id="uvq12-cr-p3" aria-labelledby="uvq12-cr-t3" hidden>Site visits by appointment.</div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Navigation
See all NavigationWhere to use it
A menu for a construction site: a yellow lattice tower crane stands over a row of concrete blocks, each one a section. When you choose one, the trolley runs along the jib, the cable drops, the hook catches the block and lifts it while the previous one goes back down, and the raised block keeps swaying gently. It suits builders, architects, engineering firms and property developers.
The main color paints the crane and the secondary color the concrete. Four blocks fit the jib best; the speed slider changes how fast the crane works, and reduced motion skips the trip and the swing.