# Spline dla sieci: osadzaj i eksportuj interaktywne 3D (https://spline.design/pl/web)

> Osadzaj interaktywne 3D za pomocą komponentu webowego Spline Viewer albo eksportuj sceny jako kod Vanilla JS, React, Next.js, Three.js lub react-three-fiber.

# Interaktywne 3D, stworzone dla sieci

Osadzaj sceny 3D jednym tagiem HTML albo eksportuj je jako kod dla **Vanilla JS, React, Next.js i Three.js**.

[Zacznij tworzyć](https://app.spline.design/signin)[Przeczytaj dokumentację](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)

twoja-strona.pl

Spline Viewer

## Jeden tag, dowolna strona

`<spline-viewer>` to natywny komponent webowy, więc działa we Framerze, Webflow, Squarespace, React, Svelte i czystym HTML. Reaguje na całą stronę, nie tylko na swoją kanwę: sceny mogą podążać za kursorem, patrzeć na niego i animować się podczas przewijania.

[Dowiedz się więcej o 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');

```

Eksport kodu

## Twoja scena 3D jako kod

Eksportuj ją jako Vanilla JS, React, Next.js, Three.js lub react-three-fiber. Skopiuj kod, otwórz go w CodeSandbox albo pobierz pliki i hostuj je samodzielnie.

[Dowiedz się więcej o eksporcie kodu](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

Również w sieci

## Od linku po własne serwery

### API kodu

Wywołuj zdarzenia, aktualizuj zmienne i zmieniaj właściwości obiektów z poziomu własnego kodu w Vanilla JS, React i Next.js.

### Publiczne adresy URL

Udostępnij scenę jako link albo osadź ją w Notion, Webflow, WordPressie i wielu innych.

### Własny hosting

Pobierz cały projekt razem z runtime’em i serwuj go z własnych serwerów. W planie Enterprise.

### WebGPU

Sceny renderują się w WebGPU, a tam, gdzie nie jest dostępne, automatycznie przełączają się na WebGL.

## Zacznij tworzyć w 3D

Połącz swojego agenta, zaproś zespół i opublikuj swoją pierwszą scenę 3D jeszcze dziś.

[Zacznij tworzyć](https://app.spline.design/signin)[Połącz agenta](https://spline.design/pl/mcp)

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

Edytor 3D i 2D dla zespołów i ich agentów. Publikuj w sieci, na iOS i Androidzie.

#### Zapytaj AI o Spline

#### Produkty

- [Projektowanie 3D](https://spline.design/pl/3d-design)
- [Hana](https://spline.design/pl/hana)
- [Omma](https://omma.build)
- [Generowanie 3D z AI](https://spline.design/pl/ai-generate)
- [Spline MCP](https://spline.design/pl/mcp)
- [Spline Arena](https://spline.design/pl/arena)
- [Cennik](https://spline.design/pl/pricing)
- [Dla firm](https://spline.design/pl/enterprise)

#### Runtimes

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

#### Aplikacje

- [Pobierz](https://spline.design/pl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Pobierz Spline Mirror](https://spline.design/download-mirror)

#### Nauka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/pl/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Rozwiązania](https://spline.design/solutions)

#### Społeczność

- [Społeczność Spline](https://community.spline.design)
- [Blog](https://spline.design/pl/blog)
- [Dziennik zmian](https://spline.design/pl/changelog)
- [Edukacja](https://spline.design/pl/education)
- [Contra](https://spline.design/contra)
- [Program partnerski](https://spline.design/pl/affiliate)

#### Firma

- [Klienci](https://spline.design/pl/customers)
- [Kariera](https://www.ycombinator.com/companies/spline/jobs)
- [Bezpieczeństwo](https://spline.design/pl/security)

#### Informacje prawne

- [Regulamin](https://spline.design/terms)
- [Prywatność](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.