Build with VULK

Let Customers Rotate, Recolour and Configure in 3D

VULK generates a working 3D product configurator from a prompt: an interactive Three.js / React Three Fiber viewer where customers rotate the product, switch materials and options in real time — backed by a real PostgreSQL database for options and pricing.

62% of apps generated on VULK include a SQL database schema (VULK platform data, July 2026) — a configurator is no exception: options, variants and prices live in real tables, not hardcoded arrays, so your team can update the catalog without touching the 3D code.

Updated July 18, 2026

The complete prompt

A concrete starting point

Build a desk configurator with selectable sizes, finishes and leg styles. Show the chosen configuration in 3D alongside its itemised price and a quote request containing the exact selection.

The complete prompt

Adapt this brief to your business, then build and refine it in VULK.

Build a desk configurator with selectable sizes, finishes and leg styles. Show the chosen configuration in 3D alongside its itemised price and a quote request containing the exact selection.

Include these capabilities:
- Interactive 3D viewer — rotate, zoom and inspect the product
- Real-time material, colour and option switching
- Options, variants and pricing stored in PostgreSQL
- Quote or add-to-cart flow wired to the configuration
- Live preview, one-click deploy and full code export

Build the complete working project with its routes, data model and interactions. For saved or private data, implement persistence, authentication and server-side permissions. Keep API credentials on the server. For external services, document the required setup and use test mode until real accounts are connected. Do not present a simulated integration as a completed live connection.

Make the interface responsive, with accessible labels, keyboard navigation and visible focus. Include loading, empty, validation and error states. Use clearly labelled sample data, never invented customer testimonials or results. Choose a visual direction suited to this project and keep typography, spacing and controls consistent. Explain how to run, test, export and deploy the source.

Verify this end-to-end flow:
Change each option, reload a saved configuration and request a quote. Verify the model, price and submitted specification describe the same product.

Explore other things you can build

All use cases

What you get

  • +Interactive 3D viewer — rotate, zoom and inspect the product
  • +Real-time material, colour and option switching
  • +Options, variants and pricing stored in PostgreSQL
  • +Quote or add-to-cart flow wired to the configuration
  • +Live preview, one-click deploy and full code export

FAQ

Can it use my own 3D model?

Yes. The generated viewer loads standard glTF/GLB models. Generate a starting scene from the prompt, then swap in your product model in the exported code or through iteration.

Where do the options and prices live?

In a real PostgreSQL database generated with the app — with REST endpoints, so you can edit options, variants and prices without redeploying the 3D front end.

Is this a widget embed or a full app?

A full app. VULK generates the whole configurator page — viewer, options UI, backend and deploy — as ownable React + Three.js source, not an iframe you rent.

Your idea, built and live in minutes.

Build my app
VULK Support

Online

Hi! How can I help you today?

Popular topics

AI support • support.vulk.dev