Zelf gehost · één JSON-bestand · één tag

Jouw product in 3D, configureerbaar, in een middag.

Laad je eigen GLB, klik onderdelen en opties bij elkaar in de Studio, sluit één tag in. Bezoekers kiezen kleuren, texturen en afwerkingen, zien de prijs, delen een link en vragen een offerte aan met screenshot. Geen SaaS, geen licentieserver, niets belt naar huis.

Koop Solo voor €39,00 → Probeer de demo ↓

Onbeperkt projecten · 12 maanden updates · Three.js onder de motorkap · door Steil Digital

Live demo: de echte Pro-bundel met het voorbeeldproduct. Probeer de kussen-schakelaar, de afwerking en "Link kopiëren".
Voorbeeldproduct: 15 meshes, 3 onderdelen, gegenereerde texturen. Het offerteformulier post naar een dummy-endpoint.

Alles hierboven is product.json + chair.glb + drie PNG-texturen. De pagina bevat alleen <mini-configurator src="sample/product.json">.

De Studio

Geen code tussen je GLB en een werkende configurator.

De Studio draait in je browser, houdt alles lokaal en exporteert de map die je naast je pagina zet.

Probeer de Studio-demo ↗

1

Sleep je GLB erin

Meshes en materialen verschijnen met hun namen. Eén klik maakt per materiaal een onderdeel, met de materiaalkleur als eerste optie.

2

Klik onderdelen bij elkaar

Selecteer een onderdeel en klik meshes in de preview aan. Optionele onderdelen krijgen een schakelaar en een prijs. Match-termen vangen nieuwe exports op.

3

Opties, prijzen, export

Kleuren, geüploade texturen, herhaling, prijzen, afwerkingen, camera. Exporteer een zip met product.json, model, texturen en een embed-snippet.

Wat je krijgt

Alles wat een productpagina nodig heeft. Niets wat overbodig is.

Je eigen model

glTF/GLB met DRACO- of meshopt-compressie. Onderdelen matchen op mesh- of materiaalnaam. Automatisch geschaald en gecentreerd.

Kleuren & texturen

Effen kleuren, texturen of getinte texturen per optie. Normal- en roughness-maps, herhaling, rotatie.

Afwerkingen & optionele onderdelen

Mat, satijn, glans of eigen presets, per onderdeel. Aan/uit-schakelaars voor kussens, armleuningen, accessoires.

Live prijs

Basisprijs plus optieprijzen, opgemaakt voor elke taal en valuta. Of verberg prijzen helemaal.

Offerteaanvragen

Formulier met jouw velden, gepost als JSON met de configuratie, een deellink en een PNG-screenshot. PHP- en Node-endpoints inbegrepen.

Deellinks & afbeeldingen

Elke configuratie is een korte URL. Bezoekers downloaden een PNG van wat ze bouwden.

Paneel in eigen stijl

CSS-variabelen voor kleuren, hoeken, lettertype, breedte. Licht, donker en automatisch. Alle teksten vertaalbaar in JSON.

Elke stack

Web component voor gewone HTML, WordPress of Webflow. React- en Vue-wrappers. Angular, Svelte, Astro via de tag. Core-API voor je eigen UI.

Insluiten

Twee regels. Dat is de integratie.

Zet mini-configurator.js en de geëxporteerde productmap naast je pagina. Het element vult zijn vak, werkt op touch en heeft geen build-stap nodig. Met een bundler installeer je de packages en houd je één Three.js.

  • Losse bundel: ongeveer 190 kB gzipped, Three.js inbegrepen
  • npm-packages met types voor Vite, Next.js, Nuxt, Astro
  • Events voor elke wijziging, offerte en fout; volledige API op het element
  • Geen accounts, geen externe verzoeken, geen tracking
<!-- ergens in je pagina -->
<script type="module" src="mini-configurator.js"></script>

<mini-configurator
  src="chair/product.json"
  share theme="auto"
  style="height: 80vh">
</mini-configurator>

// React
<ProductConfigurator product="/chair/product.json" share
  onChange={(state, summary) => ...} />
Prijzen

Eén betaling. Onbeperkt projecten.

Broncode inbegrepen. Geen licentiesleutel, geen maandbedrag, geen limiet per site.

Solo

Eén ontwikkelaar

€59,00 €39,00eenmalig, excl. btw
Launch price until 5 October
  • Onbeperkt klant- en eigen projecten
  • Volledige broncode: core, web component, React & Vue
  • De Studio, documentatie, voorbeelden, endpoints
  • 12 maanden updates
  • Support per e-mail
Koop Solo voor €39,00
Team

Tot vijf ontwikkelaars

€149,00 €99,00eenmalig, excl. btw
Launch price until 5 October
  • Alles van Solo
  • Voor bureaus en productteams
  • Eén licentie voor het hele team
  • 12 maanden updates
  • Support met voorrang
Koop Team voor €99,00

Btw wordt bij het afrekenen opgeteld waar van toepassing; EU-bedrijven met btw-nummer betalen verlegd. Betalen via Mollie (iDEAL, creditcard, PayPal), direct downloaden en factuur. Vragen vóór je koopt, meer seats of OEM-voorwaarden? Mail info@steildigital.nl. Licentie · Voorwaarden

Vragen

Veelgestelde vragen.

Welke modelformaten werken?

glTF 2.0 en GLB, met of zonder DRACO- of meshopt-compressie. Exporteer uit Blender, Cinema 4D, SketchUp, Fusion of elk CAD-pakket. FBX, OBJ en STL zet je in Blender in een minuut om naar GLB.

Werkt het met WordPress, Webflow, Shopify?

Overal waar je een HTML-blok kunt toevoegen en bestanden kunt uploaden. Upload de bundel en de productmap, plak de twee regels. Geen plugin nodig.

Waar gaan offerteaanvragen heen?

Naar elke URL die je instelt: het meegeleverde PHP-script (mailt je de aanvraag met screenshot als bijlage), het Node-endpoint, een formulierdienst zoals Formspree, of je eigen backend. De payload is gewone JSON.

Is er een licentiecheck of telemetrie?

Nee. De configurator doet geen externe verzoeken. De licentie is een juridische afspraak: gebruik in onbeperkt projecten, niet doorverkopen als configurator-product.

Kan ik mijn eigen UI bouwen?

Ja. Het core-package is de engine zonder paneel: laden, configureren, prijs, screenshot, offerte. Het web component is één UI daarbovenop.

En AR, animaties, USDZ?

Niet in 1.0. De roadmap volgt wat kopers vragen; updates binnen 12 maanden zijn inbegrepen.