Industry sections
House construction stages with a sticky photo of the current stage
House construction stages: a list of steps with number, term and description on the right, a sticky photo of the current stage on the left — frames crossfade with a zoom, a caption and a 01 / 07 counter. The active step is whichever item crosses the middle of the screen, a vertical line fills with amber up to it, passed dots glow. On narrow widths — a photo inside each step.
What you can change
- eyebrow, title, total, totalLabel
- stages: title, weeks, text, image
- tone — theme
A link for your AI agent: preview, code and instructions.
Preview
Use it with AI
- 1. Copy the link.
- 2. Write to your agent in your own words and drop the link into the sentence.
- 3. The agent opens the link and installs the component from the registry.
put this on the home page as the hero:
https://vibeui.club/c/house-004?lang=en&theme=dark
Not sure where to paste it? Step-by-step guide
Show the full instructions
What the link says, spelled out. Use it when your agent cannot open links — paste this text instead.
Loading…
For developers
The install command lives in the “Component source” block below — a signed link that stays valid for 30 minutes.
Tags
- process
- steps
- timeline
- stages
- sticky
- scroll
- construction
- house
- builder
- dark
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…