Product X-Ray Lens Template
X-ray deconstruction of precision mechanics in a dark sci-fi aesthetic.
What is this product x-ray lens template
Product X-Ray Lens is a complete, ready-to-run product showcase that also takes pre-orders — not a landing page you have to design and host yourself. The moment you copy it into your workspace, the T Robot X-Ray Product Showcase app and its two tables are already wired together, so you can publish a cinematic reveal and start collecting orders without writing code or paying for hosting.
In practice, each product is a row in the T-Robot table pairing an id with a surface attachment and an xray attachment — the exterior render and the deconstructed view the page shows side by side. Add a record and a new product appears on the site. At the end of the reveal, the pre-order form writes into the T-Robot Pre-Order Submissions table, capturing Full Name, Email, Phone, Quantity, Shipping Address, and an Estimated Amount, with Submission Time auto-stamping each order the moment it lands.
It's built for hardware and robotics startups showing what's inside the machine, indie makers and designers giving a precision product a big reveal, and product teams running a launch without a custom site plus a spreadsheet. The outcome is a striking product page backed by a structured, fulfilment-ready order book. Use it as-is, or swap in your own imagery and adjust the pre-order fields to fit your pricing.
What's inside
A cinematic showcase and the tables behind it. The page deconstructs a product with paired surface and x-ray imagery, then captures pre-orders — so a striking reveal also builds an order book.
T Robot X-Ray Product Showcase
A dark, sci-fi product page that shows what's inside the machine. Each product is presented with its surface render alongside an x-ray view that deconstructs the mechanics — then invites visitors to pre-order. The drama is the point; the pre-order form is the payoff.
- Dark sci-fi aesthetic built for a dramatic reveal
- Surface and x-ray imagery shown side by side
- Each product pulled from the T-Robot table
- Pre-order form writes straight into your base
T-Robot
The product catalog that feeds the showcase. Each record pairs a product id with its surface image and its x-ray image — the two attachments the page renders together. Add a record, add a product to the site.
- id identifies each product or variant
- surface attachment holds the exterior render
- xray attachment holds the deconstructed view
- 4 sample products ready to replace with your own
T-Robot Pre-Order Submissions
The order book behind the reveal. Every pre-order captures the customer, contact details, quantity, shipping address, and an estimated amount — timestamped the moment it arrives.
- Quantity and Estimated Amount as number fields
- Shipping Address captured free-form for any region
- Submission Time auto-stamps each order
- 15 sample submissions showing a real order flow
The fields behind each pre-order
The T-Robot Pre-Order Submissions table turns an impressed visitor into a fulfilment-ready order. Eight fields cover who they are, how many units, and what it's worth.
| Field | Type | What it's for |
|---|---|---|
| Full Name | Text | Who placed the pre-order — your handle for fulfilment. |
| Text | Where order confirmations and shipping updates go. | |
| Phone | Text | For delivery coordination or a high-touch follow-up call. |
| Quantity | Number | How many units — drives totals and production planning. |
| Shipping Address | Long text | Full delivery address, captured free-form for any country. |
| Notes | Long text | Special asks or context, kept in the customer's own words. |
| Submission Time | Created time | Auto-stamped on arrival — fulfil in the order they came in. |
| Estimated Amount | Number | The order's projected value — pipeline and revenue at a glance. |
Why teams showcase with this template
A product page can look impressive, or it can sell. This one does both — the x-ray reveal earns attention, and the pre-order form converts it.
A reveal that stops the scroll
The dark sci-fi aesthetic and x-ray deconstruction make a hardware product feel engineered, not just listed. It looks like a launch film, not a catalog row.
Content-driven showcase
Products live in the T-Robot table as paired surface and x-ray images. Add a record and the site grows — no page edits, no redeploy.
Attention turned into orders
The pre-order form sits at the end of the reveal, capturing name, quantity, and address while the impression is fresh.
An order book with values
Quantity and Estimated Amount are number fields, so committed demand and projected revenue are one summary away.
No front-end to build
The showcase is a Teable app bound to your tables. You get a cinematic product site without writing a line of code or paying for hosting.
Fulfilment-ready from day one
Pre-orders arrive structured — contact, quantity, address, timestamp — so you can start fulfilling the moment you're ready to ship.
Who it's for
Hardware and product teams who want a reveal that does justice to the engineering — and an order book to show for it.
Hardware & robotics startups
Show what's inside the machine. The x-ray deconstruction communicates engineering depth that a spec sheet never could, then takes pre-orders.
Indie makers & designers
Give a precision product a cinematic reveal page that looks far bigger than your team, and capture orders while the wow-factor is high.
Product & brand teams
Run a visually distinct launch for a technical product, with the catalog and pre-orders managed in one base instead of a custom site plus a spreadsheet.
How to use this template
From zero to a sci-fi product showcase taking pre-orders in about ten minutes.
- 1
Click "Use template"
The showcase app plus the T-Robot and Pre-Order Submissions tables copy into your workspace together. Free tier is plenty to start.
- 2
Load your products
Replace the 4 sample T-Robot records with your own — an id, a surface render, and an x-ray image for each product. The showcase updates as you add rows.
- 3
Make the page yours
Adjust the showcase copy and branding to fit your product, then publish to get a shareable public link.
- 4
Share the reveal and take pre-orders
Point your audience at the link. Each pre-order lands in the submissions table with quantity, address, and estimated amount, ready to fulfil.
Make it yours with Teable AI
The template is the starting point, not the ceiling. Teable builds AI into every table — migrate the orders you already have, fill in the numbers, and let AI handle the customer emails. Four ways to make this showcase yours:
Bring your existing orders in
Don't retype a thing. Connect & Migrate pulls your current pre-order list out of Excel or CSV and maps the columns onto the T-Robot Pre-Order Submissions fields for you.
Let AI fill in the amounts
Estimated Amount is perfect for AI to complete. Point it at Quantity and your unit price and it keeps every order's projected value calculated for you.
Confirm every pre-order personally
Business-Aware Email Agents turn the order book into outreach. They write a confirmation to each customer using their Full Name and Quantity, sent to their Email.
Get pinged the moment an order lands
Super Automation turns a sentence into a running workflow. Watch T-Robot Pre-Order Submissions so each new order triggers an instant alert with what you need to fulfil.
Frequently asked questions
Is this showcase template really free?
Yes. It copies into a free Teable workspace, and the free tier covers the showcase app and both tables to get started. You only upgrade if you outgrow the row or attachment limits.
How do products appear on the page?
Each product is a row in the T-Robot table with an id, a surface image, and an x-ray image as attachments. The showcase reads those records and renders the paired imagery — add a row and a new product appears on the site.
Do I need real x-ray images?
The template pairs two images per product — an exterior 'surface' and a deconstructed 'x-ray' view. You can use renders, exploded diagrams, or cutaway illustrations; the effect comes from showing the inside alongside the outside, whatever your assets.
How do pre-orders get captured?
The showcase includes a pre-order form bound to the T-Robot Pre-Order Submissions table. When a visitor submits, their name, contact details, quantity, address, and estimated amount write straight in as a new, timestamped row.
Can I change the pre-order fields?
Absolutely. The submissions table is a normal Teable table — add, rename, or remove fields and the form follows. Quantity and Estimated Amount are number fields, so you can extend the structure for your own pricing logic.
Do I need to code or host the site?
No. The showcase is a Teable app hosted for you and shared with a public link. There's no front-end to build and no hosting bill — load your product images, publish, and it's live.
Reveal your product in minutes
Duplicate Product X-Ray Lens into your workspace and open pre-orders today.
