<spline-viewer>는 네이티브 웹 컴포넌트라서 Framer, Webflow, Squarespace, React, Svelte, 순수 HTML 어디서나 작동합니다. 캔버스뿐 아니라 페이지 전체에 반응하므로, 씬이 커서를 따라가거나 바라보고 페이지 스크롤에 맞춰 애니메이션될 수 있습니다.
Splineimport { 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');
Vanilla JS, React, Next.js, Three.js, react-three-fiber로 내보내세요. 코드를 복사하거나, CodeSandbox에서 열거나, 파일을 다운로드해 직접 호스팅할 수 있습니다.
자세히 알아보기: 코드 내보내기Vanilla JS, React, Next.js에서 직접 작성한 코드로 이벤트를 트리거하고, 변수를 업데이트하고, 오브젝트 속성을 변경하세요.
씬을 링크로 공유하거나 Notion, Webflow, WordPress 등에 임베드하세요.
런타임을 포함한 프로젝트 전체를 다운로드해 자체 서버에서 제공하세요. Enterprise 요금제에서 이용할 수 있습니다.
씬은 WebGPU로 렌더링되며, WebGPU를 사용할 수 없는 환경에서는 자동으로 WebGL로 전환됩니다.