# Spline और Framer से एक 3D वेबसाइट डिज़ाइन करना - Spline Academy (https://spline.design/hi/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

> नमस्ते! इस ट्यूटोरियल में आप Spline में बने एक 3D ग्लास सीन से 3D वेबसाइट बनाना सीखेंगे, और पूरी तरह काम करने वाली वेबसाइट बनाकर पब्लिश करने के लिए उसे…

1. [Academy](https://spline.design/hi/academy)
2. [ट्यूटोरियल](https://spline.design/hi/academy/tutorials)
3. Spline और Framer से एक 3D वेबसाइट डिज़ाइन करना

# Spline और Framer से एक 3D वेबसाइट डिज़ाइन करना

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

नमस्ते! इस ट्यूटोरियल में आप Spline में बने एक 3D ग्लास सीन से 3D वेबसाइट बनाना सीखेंगे, और पूरी तरह काम करने वाली वेबसाइट बनाकर पब्लिश करने के लिए उसे Framer (वेब बिल्डर) में इंटीग्रेट करना सीखेंगे। Spline देखें: <https://spline.design/> डेमो साइट: <https://healthy-others-546063.framer.app/> Spline को फ़ॉलो करें: <https://instagram.com/splinetool/>

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

1. [0:00परिचय](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=0s)
2. [0:33स्फ़ीयर बनाना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=33s)
3. [1:40मटीरियल जोड़ना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=100s)
4. [2:52ग्लास बनाना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=172s)
5. [7:50Spline से 3D सीन एक्सपोर्ट करना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=470s)
6. [8:263D सीन को Framer में इम्पोर्ट करना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=506s)
7. [10:00वेबसाइट की कम्पोज़िशन एडजस्ट करना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=600s)
8. [11:30Hover पर Orbit जोड़ना](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=690s)
9. [12:25आख़िरी बदलाव](https://www.youtube.com/watch?v=8bqkvfRuFYk&t=745s)

## ओवरव्यू

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

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

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

[3D ऑब्जेक्ट में Follow इंटरैक्शन कैसे जोड़ेंSpline 3Dशुरुआती6 मिनट](https://spline.design/hi/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[3D में एक ग्लास क्यूब डिज़ाइन करेंSpline 3Dशुरुआती11 मिनट](https://spline.design/hi/academy/tutorials/design-a-glass-cube-in-3d)[3D स्क्रॉल एनिमेशन बनाएँ और Framer में इंटीग्रेट करेंSpline 3Dशुरुआती12 मिनट](https://spline.design/hi/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)

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