About
An animated SVG illustration of a residential tower block with a visible lift shaft, car, counterweight and rope hoist that can run on a schedule or be dragged by hand.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Tower Block to your project and fits it to your theme.
Code
How Tower Block is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { TowerBlock } from "@/components/ui/tower-block";
export default function TowerBlockDemo() {
return (
<div className="flex min-h-[28rem] w-full items-center justify-center bg-background p-8 text-foreground">
<TowerBlock
storeys={14}
behavior="service"
size="lg"
label="TOWER / 01"
/>
</div>
);
}
More by timmikeladze
View all
Puzzle Cube
6
Debris Field
6
Pumpjack
2
Wellhead Tree
1
Robot Arm
1
Robot Stage
Airliner
Rod Pump