# अपने Spline डिज़ाइन को इंटरैक्टिव वेब अनुभव में बदलें - Spline Academy (https://spline.design/hi/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)

> अपने Spline 3D डिज़ाइन को वेब पर जीवंत बनाना सीखें! इस मिनी मास्टरक्लास में हम आपको वह सब बताएँगे जो Spline सीन को अपनी वेबसाइटों और वेब प्रोजेक्ट में…

1. [Academy](https://spline.design/hi/academy)
2. [ट्यूटोरियल](https://spline.design/hi/academy/tutorials)
3. अपने Spline डिज़ाइन को इंटरैक्टिव वेब अनुभव में बदलें

# अपने Spline डिज़ाइन को इंटरैक्टिव वेब अनुभव में बदलें

Spline 3Dशुरुआती10 मिनट

अपने Spline 3D डिज़ाइन को वेब पर जीवंत बनाना सीखें! इस मिनी मास्टरक्लास में हम आपको वह सब बताएँगे जो Spline सीन को अपनी वेबसाइटों और वेब प्रोजेक्ट में इंटीग्रेट करने के लिए जानना ज़रूरी है।

🎯 आप क्या सीखेंगे:

- Public URL से Spline सीन को एक्सपोर्ट और शेयर कैसे करें
- जल्दी इंटीग्रेशन के लिए Spline Viewer से एम्बेड करना
- Vanilla JS, Three.js, React, Next.js और React Three Fiber के लिए कोड एक्सपोर्ट के विकल्प
- पूरे कंट्रोल के लिए सेल्फ़-होस्टेड डिप्लॉयमेंट
- Framer, Webflow, Wix और Shopify जैसे वेब बिल्डर के साथ Spline को इंटीग्रेट करना

यह ट्यूटोरियल हर उस व्यक्ति के लिए है जो अपनी साइटों या प्रोजेक्ट में इंटरैक्टिव 3D एलिमेंट जोड़ना चाहता है, तो चलिए शुरू करते हैं!

## संबंधित रिसोर्स

- [Likes Buttonटेम्पलेट](https://app.spline.design/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences?redirect-duplicate-template-uuid=0ffd92cf-735d-47e7-8cea-ad0bebdcd0d0&is-2d-file=false)
- [Exporting Your Sceneडॉक्यूमेंट](https://docs.spline.design/#%F0%9F%8E%9E%EF%B8%8F-exporting-your-scene)
- [Exporting as Public URLsडॉक्यूमेंट](https://docs.spline.design/exporting-your-scene/web/exporting-as-public-ur-ls)
- [Exporting as Spline Viewerडॉक्यूमेंट](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)
- [Exporting as Codeडॉक्यूमेंट](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

## ओवरव्यू

- Spline 3D
- 10 मिनट
- शुरुआती

## इसका हिस्सा

- [Spline 101 | अपना पहला इंटरैक्टिव सीन बनाएँ](https://spline.design/hi/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

## संबंधित ट्यूटोरियल

[सभी ट्यूटोरियल](https://spline.design/hi/academy/tutorials)

[Spline और Framer से एक 3D वेबसाइट डिज़ाइन करनाSpline 3Dशुरुआती14 मिनट](https://spline.design/hi/academy/tutorials/designing-a-3d-website-with-spline-and-framer)[SwiftUI में टिल्ट से कंट्रोल होने वाला 3D पोर्टल अनुभव बनाएँSpline 3Dएडवांस्ड14 मिनट](https://spline.design/hi/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)[मोशन और इंटरैक्शन वाला रिएक्टिव 3D ऑर्ब कैसे बनाएँSpline 3Dइंटरमीडिएट7 मिनट](https://spline.design/hi/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

[Spline](https://spline.design/hi)

टीमों और उनके एजेंटों के लिए 3D और 2D एडिटर। वेब, iOS और Android पर पब्लिश करें।

#### Spline के बारे में AI से पूछें

#### प्रोडक्ट

- [3D डिज़ाइन](https://spline.design/hi/3d-design)
- [Hana](https://spline.design/hi/hana)
- [Omma](https://omma.build)
- [AI 3D जनरेशन](https://spline.design/hi/ai-generate)
- [Spline MCP](https://spline.design/hi/mcp)
- [Spline Arena](https://spline.design/hi/arena)
- [कीमतें](https://spline.design/hi/pricing)
- [एंटरप्राइज़](https://spline.design/hi/enterprise)

#### रनटाइम

- [Web](https://spline.design/hi/web)
- [iOS](https://spline.design/hi/ios)
- [Android](https://spline.design/hi/android)

#### ऐप्स

- [डाउनलोड](https://spline.design/hi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror डाउनलोड करें](https://spline.design/download-mirror)

#### सीखें

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/hi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [सॉल्यूशंस](https://spline.design/solutions)

#### कम्युनिटी

- [Spline कम्युनिटी](https://community.spline.design)
- [Blog](https://spline.design/hi/blog)
- [चेंजलॉग](https://spline.design/hi/changelog)
- [शिक्षा](https://spline.design/hi/education)
- [Contra](https://spline.design/contra)
- [एफ़िलिएट](https://spline.design/hi/affiliate)

#### कंपनी

- [ग्राहक](https://spline.design/hi/customers)
- [करियर](https://www.ycombinator.com/companies/spline/jobs)
- [सुरक्षा](https://spline.design/hi/security)

#### कानूनी

- [नियम और शर्तें](https://spline.design/terms)
- [प्राइवेसी](https://spline.design/privacy)

#### संपर्क

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.