Spline
सेल्स टीम से बात करेंबनाना शुरू करें

इंटरैक्टिव 3D, वेब के लिए बना

एक HTML टैग से अपने 3D सीन एम्बेड करें, या उन्हें Vanilla JS, React, Next.js और Three.js के लिए कोड के रूप में एक्सपोर्ट करें।

बनाना शुरू करेंडॉक्यूमेंटेशन पढ़ें
your-website.com
Spline Viewer

एक टैग, कोई भी वेबसाइट

<spline-viewer> एक नेटिव वेब कंपोनेंट है, इसलिए यह Framer, Webflow, Squarespace, React, Svelte और सादे HTML में काम करता है। यह सिर्फ़ अपने कैनवस को नहीं, पूरे पेज को सुनता है: सीन कर्सर का पीछा कर सकते हैं, उसकी ओर देख सकते हैं और पेज स्क्रॉल होने पर एनिमेट हो सकते हैं।

और जानें: 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');
कोड एक्सपोर्ट

आपका 3D सीन, कोड के रूप में

इसे Vanilla JS, React, Next.js, Three.js या react-three-fiber के रूप में एक्सपोर्ट करें। कोड कॉपी करें, उसे CodeSandbox में खोलें, या फ़ाइलें डाउनलोड करके खुद होस्ट करें।

और जानें: कोड एक्सपोर्ट
वेब पर और भी

एक लिंक से लेकर आपके अपने सर्वर तक

कोड API

Vanilla JS, React और Next.js में अपने कोड से इवेंट ट्रिगर करें, वेरिएबल अपडेट करें और ऑब्जेक्ट की प्रॉपर्टी बदलें।

पब्लिक URL

किसी सीन को लिंक के रूप में शेयर करें, या उसे Notion, Webflow, WordPress और दूसरी जगहों पर एम्बेड करें।

सेल्फ़-होस्टेड

रनटाइम समेत पूरा प्रोजेक्ट डाउनलोड करें और उसे अपने सर्वर से चलाएँ। Enterprise प्लान पर उपलब्ध।

WebGPU

सीन WebGPU पर रेंडर होते हैं, और जहाँ यह उपलब्ध नहीं है वहाँ अपने-आप WebGL पर चले जाते हैं।

3D में बनाना शुरू करें

अपना एजेंट कनेक्ट करें, अपनी टीम को बुलाएँ और आज ही अपना पहला 3D सीन शिप करें।

बनाना शुरू करेंअपना एजेंट कनेक्ट करें