# Spline tasarımlarını etkileşimli web deneyimlerine dönüştür - Spline Academy (https://spline.design/tr/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)

> Spline 3D tasarımlarını web’de nasıl hayata geçireceğini öğren! Bu mini ustalık sınıfında Spline sahnelerini web sitelerine ve web projelerine entegre etmek…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Spline tasarımlarını etkileşimli web deneyimlerine dönüştür

# Spline tasarımlarını etkileşimli web deneyimlerine dönüştür

Spline 3DBaşlangıç10 dk

Spline 3D tasarımlarını web’de nasıl hayata geçireceğini öğren! Bu mini ustalık sınıfında Spline sahnelerini web sitelerine ve web projelerine entegre etmek için bilmen gereken her şeyi anlatıyoruz.

🎯 Neler öğreneceksin:

- Spline sahnelerini Public URL’lerle dışa aktarmak ve paylaşmak
- Hızlı entegrasyon için Spline Viewer ile gömmek
- Vanilla JS, Three.js, React, Next.js ve React Three Fiber için kod dışa aktarma seçenekleri
- Tam kontrol için kendi sunucunda barındırma
- Spline’ı Framer, Webflow, Wix ve Shopify gibi web sitesi oluşturucularla entegre etmek

Bu eğitim, sitelerine ya da projelerine etkileşimli 3D öğeler eklemek isteyen herkes için. Hadi dalalım!

## İlgili kaynaklar

- [Likes ButtonŞablon](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 SceneDoküman](https://docs.spline.design/#%F0%9F%8E%9E%EF%B8%8F-exporting-your-scene)
- [Exporting as Public URLsDoküman](https://docs.spline.design/exporting-your-scene/web/exporting-as-public-ur-ls)
- [Exporting as Spline ViewerDoküman](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)
- [Exporting as CodeDoküman](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

## Genel bakış

- Spline 3D
- 10 dk
- Başlangıç

## Ait olduğu kurs:

- [Spline 101 | İlk etkileşimli sahneni oluştur](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[Spline ve Framer ile 3D bir web sitesi tasarlamakSpline 3DBaşlangıç14 dk](https://spline.design/tr/academy/tutorials/designing-a-3d-website-with-spline-and-framer)[SwiftUI’da eğimle kontrol edilen bir 3D portal deneyimi oluşturSpline 3Dİleri14 dk](https://spline.design/tr/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)[Hareket ve etkileşimle tepki veren bir 3D küre nasıl oluşturulurSpline 3DOrta7 dk](https://spline.design/tr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

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

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

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

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

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

© 2026 - Spline, Inc.