Veldara entdecken

Veldara verbindet die Eleganz von Svelte 5 mit der Tiefe von Three.js und macht beides leicht zugänglich. Es ist robust und anpassungsfähig gebaut und bleibt dabei intuitiv und einfach zu verstehen.

Three.js freischalten

Das Web wird immer räumlicher. Im Kern bietet Veldara eine komponierbare, deklarative API, mit der du performante Three.js-Erlebnisse für das Web baust.

Alles verbinden

Veldara bringt Werkzeuge für Physik, XR, Animation, Layout, Modell-Import und viele weitere Helfer mit, damit sich überzeugende 3D-Apps fürs Web mühelos bauen lassen.

Unser Antrieb:

Erschaffe im Handumdrehen immersive 3D-Welten im Web.

Jetzt starten

Wir präsentieren

Veldara 8

Deklarativ von Anfang an

Szenen, die sich wie Komponenten schreiben

Kamera, Licht und Mesh sind bei Veldara einfache Bausteine. Du setzt sie zusammen wie jede andere Komponente, und Veldara kümmert sich um Render-Loop, Größenänderungen und Aufräumen.

  • Reaktive Props für jedes Three.js-Objekt
  • Rendert nur, wenn sich etwas verändert
  • Volle TypeScript-Unterstützung
Scene.svelte
<script>  import { Canvas, T } from '@veldara/core'  import { OrbitControls } from '@veldara/extras'</script> // Eine komplette 3D-Szene in wenigen Zeilen<Canvas>  <T.PerspectiveCamera makeDefault position={[8, 6, 10]}>    <OrbitControls enableDamping />  </T.PerspectiveCamera>  <T.DirectionalLight position={[3, 10, 7]} />  <T.Mesh>    <T.BoxGeometry />    <T.MeshStandardMaterial color="#2C5C88" />  </T.Mesh></Canvas>

Ökosystem

Ein Kern, dazu alles, was deine Welt braucht

Jedes Paket lässt sich einzeln installieren. So bleibt dein Bundle schlank, und du fügst Fähigkeiten genau dann hinzu, wenn dein Projekt sie braucht.

01@veldara/coreCanvas, Render-Loop und die deklarative T-Komponente für jedes Three.js-Objekt.Kern
02@veldara/physicsStarre Körper, Kollisionen und Gelenke, eingebunden mit wenigen Zeilen.Physik
03@veldara/xrVR- und AR-Sessions, Controller und Hand-Tracking direkt im Browser.XR
04@veldara/animateFedern, Timelines und scrollgesteuerte Animationen für Objekte und Kameras.Animation
05@veldara/layoutFlexbox im dreidimensionalen Raum für Interfaces, Text und Panels.Layout
06@veldara/extrasModell-Loader, Kamera-Steuerung, Umgebungen und viele kleine Helfer.Werkzeuge

Schnellstart

Von null zur ersten Szene in drei Befehlen

  1. 01

    Projekt anlegen

    Der Generator richtet Svelte, Vite und Veldara mit sinnvollen Voreinstellungen ein.

  2. 02

    Pakete ergänzen

    Installiere nur die Module, die deine Szene wirklich braucht.

  3. 03

    Live entwickeln

    Starte den Dev-Server und sieh jede Änderung sofort in 3D.

Deine erste 3D-Welt wartet schon

Open Source, kostenlos und von einer freundlichen Community getragen. Installiere Veldara und bau noch heute deine erste Szene.

Jetzt starten