Industry sections
House cost calculator with a growing silhouette
A timber house cost calculator: area by slider, package (house kit, weather-tight shell, turnkey), foundation and roof as chips. On the right a house silhouette grows with the area and lights windows by package, the total rolls to the new sum, price per m² and term in weeks, cost breakdown bars. “Send estimate” fires a CustomEvent with the total — the request form on the page picks it up as a chip.
What you can change
- title, lede, minArea, maxArea, defaultArea
- packages, foundations, roofs: label, note, rate, weeks
- currency, areaUnit, eventName, locale
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-002?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
- calculator
- estimate
- price
- slider
- house
- construction
- builder
- cost
- form
- custom event
- dark
- interactive
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…