Add working STEP cadmodel docs example with bundled SOIC-8 asset and live preview

[AnasSarkiz]

This PR replaces the STEP cadmodel placeholder in the docs with a complete, runnable example.

It adds a live CircuitPreview that demonstrates loading a STEP model into <cadmodel /> using both:

• modelUrl for the hosted 3D model
• stepFileUrl for the local STEP asset used during STEP export

The change also includes the new soic8.step asset so the example is fully backed by a real file instead of placeholder text.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	Apr 10, 2026 1:41pm

[MustafaMulla29]

I think you can add modelUrl={soic8StepUrl}, that will be confusing to add a modelcdn url there

[seveibar]

Yep @AnasSarkiz mustafa is right, this is confusing, why are you providing two urls

[MustafaMulla29]

@AnasSarkiz we meant to say remove the modelUrl which uses modelcdn url, local step file was the main motive of this example ig

[Abse2001]

@MustafaMulla29 we checked props and found that we don't have a stepFIleUrl that is why, did the docs meant stepUrl?
if so @AnasSarkiz has tried to use local model with stepUrl that didn't work for both stepUrl and modelUrl, he will start debuggin this issue

[MustafaMulla29]

@MustafaMulla29 we checked props and found that we don't have a stepFIleUrl that is why, did the docs meant stepUrl? if so @AnasSarkiz has tried to use local model with stepUrl that didn't work for both stepUrl and modelUrl, he will start debuggin this issue

Yes it is stepUrl, I think we have to use both modelUrl=(stepPath} and stepUrl={stepPath} on a cadmodel for it to work. Works in runframe though with just modelUrl as well. Might not be working in svg.tscircuit.com

[tscircuitbot]

---

Thank you for your contribution! 🎉

PR Rating: ⭐⭐⭐
Impact: Major

Track your contributions and see the leaderboard at: tscircuit Contribution Tracker

---