See the AutoSync Visualizer
running for real
Every example below is a working visualizer, not a screenshot. Pick a vehicle, browse wheels and tires, and see them rendered on the car — exactly as your customers would.
What you get
A complete wheel and tire shopping experience that drops into the site you already have — no rebuild, no new platform.
Fitment that is actually right
The shopper picks their year, make, model and trim once. From then on they only see wheels and tires that fit that vehicle.
See it on the car
Every wheel is rendered onto the real vehicle, so the customer knows what it looks like before they buy — not after.
Wheels, tires and packages
Browse each on its own or build a complete package. Staggered and dually fitments take different front and rear sizes automatically.
Your catalogue, your prices
Product names, sizes, pricing and stock all come from your data. Nothing about the catalogue is hardcoded in the visualizer.
Quote form or your own cart
Finish with the built-in quote request, or hand the whole order off to the cart you already run.
Built for phones first
Around 70% of shoppers arrive on a phone, so the mobile layout is the one designed first — the desktop view builds on it.
Try it yourself
This is the standard setup, running live. Pick a vehicle, browse wheels and tires, and watch them appear on the car — exactly what your customers would do.
Default embed / Segment selection
No options — the home page comes from your API keyHow to embed
The demo above runs on exactly this — three steps and one snippet. Every alternative further down is the same snippet with a single option changed.
Add the container element
Place a <div> where you want the visualizer to appear, and give it a height.
<div id="autosync-visualizer" style="width:100%; height:100vh;"></div>Load the script
This defines the Autosync constructor. Nothing renders yet.
<script src="https://vvs.autosyncstudio.com/js/Autosync.js"></script>Start the visualizer
Call the constructor after the script has loaded, with your API key.
<script>
new Autosync({
id: 'autosync-visualizer',
key: 'YOUR_API_KEY'
});
</script>Classic lookup
A compact search bar on the home page, for customers who already know the vehicle, brand or size they want.
Lookup home
Search by vehicle, brand or sizeVehicle selection
Open straight on the vehicle make grid — the right start when fitment comes first and everything else follows from the car.
Vehicle make selection home
Make → model → year → trimWidget mode
A compact lookup panel that sits inside your existing layout. When the customer drills in, it expands over your page as a full-screen overlay and closes back down again.
Widget beside your page content
Try a search — it takes over the page, then returnsReady to put this on your site?
The documentation covers every option, the cart integration and the event callbacks.