# Web için Spline: etkileşimli 3D yerleştir ve dışa aktar (https://spline.design/tr/web)

> Spline Viewer web bileşeniyle etkileşimli 3D yerleştir ya da sahnelerini Vanilla JS, React, Next.js, Three.js veya react-three-fiber kodu olarak dışa aktar.

# Etkileşimli 3D, web için tasarlandı

3D sahnelerini tek bir HTML etiketiyle yerleştir ya da **Vanilla JS, React, Next.js ve Three.js** için kod olarak dışa aktar.

[Oluşturmaya başla](https://app.spline.design/signin)[Dokümantasyonu oku](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

web-siten.com

Spline Viewer

## Tek etiket, her web sitesi

`<spline-viewer>` yerel bir web bileşenidir; bu yüzden Framer, Webflow, Squarespace, React, Svelte ve düz HTML’de çalışır. Yalnızca kendi tuvalini değil, tüm sayfayı algılar: sahneler imleci takip edebilir, ona bakabilir ve sayfa kaydırıldıkça canlanabilir.

[Daha fazla bilgi: 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');

```

Kod dışa aktarma

## 3D sahnen, kod olarak

Vanilla JS, React, Next.js, Three.js ya da react-three-fiber olarak dışa aktar. Kodu kopyala, CodeSandbox’ta aç ya da dosyaları indirip kendin barındır.

[Daha fazla bilgi: kod dışa aktarma](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

Web’de ayrıca

## Bir bağlantıdan kendi sunucularına

### Kod API’si

Kendi kodundan olayları tetikle, değişkenleri güncelle ve nesne özelliklerini değiştir; Vanilla JS, React ve Next.js’te.

### Herkese açık URL’ler

Bir sahneyi bağlantı olarak paylaş ya da Notion, Webflow, WordPress ve daha fazlasına yerleştir.

### Kendi sunucunda

Runtime dahil projenin tamamını indir ve kendi sunucularından sun. Enterprise planında.

### WebGPU

Sahneler WebGPU ile render edilir; WebGPU’nun olmadığı yerlerde otomatik olarak WebGL’e geçer.

## 3D’de oluşturmaya başla

Ajanını bağla, ekibini davet et ve ilk 3D sahneni bugün yayınla.

[Oluşturmaya başla](https://app.spline.design/signin)[Ajanını bağla](https://spline.design/tr/mcp)

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