# अपने Spline डिज़ाइन को इंटरैक्टिव वेब अनुभव में बदलें - Spline 101 | अपना पहला इंटरैक्टिव सीन बनाएँ - 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/collections)
3. [Spline 101 | अपना पहला इंटरैक्टिव सीन बनाएँ](https://spline.design/hi/academy/collections/spline-101-build-your-first-interactive-scene)
4. अपने Spline डिज़ाइन को इंटरैक्टिव वेब अनुभव में बदलें

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

लेसन 16 / 16Spline 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)

[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.