Codefab  /  Work  /  Gate Configurator
Custom tool · 3D configurator

A 3D gate that quotes itself.

A Houston steel shop was losing days to phone-based gate quotes. We built a 3D configurator their customers drive themselves — pick a style, set the dimensions, see it rendered in real time, and get a real price on the spot.

Built for
Ironrod Steel (our own shop)
What it is
3D configurator + lead capture
Status
Live in production
The Gate Configurator interface — choosing a gate style with a live 3D preview
The problem

Every quote was a phone call — and then three more.

A custom steel gate has dozens of choices: single or double, the top profile, picket style, rings, dimensions, delivery distance. Working all of that out by phone meant days of back-and-forth before a customer even saw a number — and plenty of them drifted away in the gap.

The shop didn't need a brochure. It needed a tool that could carry the whole conversation: show the gate, price it honestly, and hand over a lead that's already specced.

What we built

A configurator the customer drives.

Five clear steps — size, type, top, details, quote — each one updating a real-time 3D model. No CAD skill, no waiting, in English or Spanish.

Real-time 3D

Every choice redraws the gate instantly in the browser — single or double, square / arched / compound-arch tops, flush or extended pickets, rings and puppy pickets.

Prices itself

A pricing engine turns the spec into a real number on the spot — size, options, and delivery distance included. No "request a quote" black box.

Bilingual

Full English / Spanish, detected automatically and switchable — built for Houston's real customer base.

Leads land ready to fabricate

Each finished design is captured to a database with the full spec, so the shop opens a lead that's already buildable — not a name and a phone number.

Photoreal scenes

Suburban, ranch, and industrial backdrops let customers picture the gate at their own property — loaded lean so it stays fast on a phone.

Takeaway summary

Customers leave with a rendered image and PDF of their gate and price — something to share with a spouse, a builder, or an HOA.

React Three.js / React-Three-Fiber Zustand Vite Tailwind FastAPI Postgres GA4 + Meta Pixel
A look inside

Built to feel real on a phone.

Why it matters

The shop that built it has fabricated 300+ gates.

This isn't a demo. It's the front door for a working Houston fabrication shop — software built by the people who actually weld the gates.

300+
Gates fabricated by the shop
5
Steps from idea to priced quote
EN·ES
Bilingual by default

"We use software to run our own shop. This is one of the tools — now we build the same kind of thing for other businesses."

Want a tool that sells for you?

If your business quotes something complex — gates, awnings, cabinets, signs, builds of any kind — we can build you a configurator that does the same.

Start a project → See more work