# वेब के लिए Spline: इंटरैक्टिव 3D एम्बेड और एक्सपोर्ट करें (https://spline.design/hi/web)

> Spline Viewer वेब कंपोनेंट से इंटरैक्टिव 3D एम्बेड करें, या अपने सीन को Vanilla JS, React, Next.js, Three.js या react-three-fiber कोड के रूप में एक्सपोर्ट करें।

# इंटरैक्टिव 3D, वेब के लिए बना

एक HTML टैग से अपने 3D सीन एम्बेड करें, या उन्हें **Vanilla JS, React, Next.js और Three.js** के लिए कोड के रूप में एक्सपोर्ट करें।

[बनाना शुरू करें](https://app.spline.design/signin)[डॉक्यूमेंटेशन पढ़ें](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

your-website.com

Spline Viewer

## एक टैग, कोई भी वेबसाइट

`<spline-viewer>` एक नेटिव वेब कंपोनेंट है, इसलिए यह Framer, Webflow, Squarespace, React, Svelte और सादे HTML में काम करता है। यह सिर्फ़ अपने कैनवस को नहीं, पूरे पेज को सुनता है: सीन कर्सर का पीछा कर सकते हैं, उसकी ओर देख सकते हैं और पेज स्क्रॉल होने पर एनिमेट हो सकते हैं।

[और जानें: Spline Viewer](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

main.js

```
import { Application } from '@splinetool/runtime';

// Render the scene on a canvas
const canvas = document.getElementById('canvas3d');
const app = new Application(canvas);

app.load('https://prod.spline.design/DGI6oWLNcrhyDwvi/scene.splinecode');

```

कोड एक्सपोर्ट

## आपका 3D सीन, कोड के रूप में

इसे Vanilla JS, React, Next.js, Three.js या react-three-fiber के रूप में एक्सपोर्ट करें। कोड कॉपी करें, उसे CodeSandbox में खोलें, या फ़ाइलें डाउनलोड करके खुद होस्ट करें।

[और जानें: कोड एक्सपोर्ट](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

वेब पर और भी

## एक लिंक से लेकर आपके अपने सर्वर तक

### कोड API

Vanilla JS, React और Next.js में अपने कोड से इवेंट ट्रिगर करें, वेरिएबल अपडेट करें और ऑब्जेक्ट की प्रॉपर्टी बदलें।

### पब्लिक URL

किसी सीन को लिंक के रूप में शेयर करें, या उसे Notion, Webflow, WordPress और दूसरी जगहों पर एम्बेड करें।

### सेल्फ़-होस्टेड

रनटाइम समेत पूरा प्रोजेक्ट डाउनलोड करें और उसे अपने सर्वर से चलाएँ। Enterprise प्लान पर उपलब्ध।

### WebGPU

सीन WebGPU पर रेंडर होते हैं, और जहाँ यह उपलब्ध नहीं है वहाँ अपने-आप WebGL पर चले जाते हैं।

## 3D में बनाना शुरू करें

अपना एजेंट कनेक्ट करें, अपनी टीम को बुलाएँ और आज ही अपना पहला 3D सीन शिप करें।

[बनाना शुरू करें](https://app.spline.design/signin)[अपना एजेंट कनेक्ट करें](https://spline.design/hi/mcp)

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