Werkzeuge für 3D-Szenen, die im Browser laufen, interaktive Animationen und leichte Vektoranimationen für Websites und Apps. Entscheide zuerst, wozu die Animation dient: Aufmerksamkeit wecken, einen Zustand zeigen oder ein Produkt in 3D präsentieren verlangen unterschiedliche Werkzeuge und Dateitypen.
Gut zu wissen: Die Bedingungen der kostenlosen Nutzung hängen vom Tool und vom Tarif ab. Nennt eine Karte keine toolspezifische Grenze, prüfe Kontingente, Wasserzeichen und Exportbedingungen auf der offiziellen Seite.
Jitter ist ein webbasiertes Motion-Design-Werkzeug, das Animationen aus kostenlosen Vorlagen oder einer leeren Arbeitsfläche aufbaut und das Ergebnis als Video, GIF oder Lottie exportiert.
3D-Design und Web-Animation
Rive ist ein Werkzeug zum Gestalten interaktiver Animationen und Oberflächen mit Zustandsautomaten; es bietet einen Browser-Editor und eine Desktop-App, und die Ausgabe läuft in Runtimes wie iOS, Android, Web, Flutter, React und Spiel-Engines.
3D-Design und Web-Animation
Spline ist ein 3D-Designwerkzeug, mit dem du 3D-Szenen mit Echtzeit-Zusammenarbeit im Browser und in Desktop-Apps für Mac und Windows erstellst, Interaktionen und Animation hinzufügst und für das Web, React und andere Formate exportierst.
3D-Design und Web-Animation
LottieFiles ist eine Motion-Design-Plattform mit einer Bibliothek aus mehr als 800.000 fertigen Animationen, kostenlos und Premium, dem webbasierten Editor Lottie Creator sowie den Formaten Lottie und dotLottie.
3D-Design und Web-Animation
Baue eine einfache Szene oder eine Animation mit zwei Zuständen, exportiere sie und binde sie in eine echte Seite ein. Prüfe Flüssigkeit auf einem Mittelklasse-Smartphone, Ladezeit und Dateigröße und teste die Bedienung mit Maus, Touch und Tastatur.
Prüfe in der offiziellen Dokumentation, welche Exportformate es gibt (etwa glTF/GLB, Lottie-JSON, Video oder eine eigene Player-Datei) und welcher Player oder Code-Schnipsel für die Anzeige auf deiner Website nötig ist. Kläre auf der Preisseite Wasserzeichen sowie Export- oder Projektgrenzen im kostenlosen Tarif.
Wie wirkt sich Animation auf Barrierefreiheit aus? Bewegung kann bei manchen Menschen Schwindel auslösen und das Lesen erschweren. Beachte die Systemeinstellung für reduzierte Bewegung, gib langen automatisch laufenden Animationen eine Pause-Funktion und vermittle wichtige Informationen nie nur über Animation.
Macht eine 3D-Szene meine Website langsam? Modelle mit vielen Polygonen, große Texturen und dauerhaft rendernde Szenen belasten Prozessor und Akku, besonders mobil. Vereinfache das Modell, komprimiere Texturen, lass die Szene nur laufen, wenn sie sichtbar ist, und miss das Ergebnis mit einem Speedtest.
Dieser Vergleich beruht auf veröffentlichten offiziellen Unterlagen. Er ist kein Praxistest und keine Qualitätsrangliste. Unbekannte Funktionen gelten nicht als bestätigt.
| Name der App | Wo willst du es nutzen? | Kostenlose Ausgabe | Ohne Anmeldung | Ohne Wasserzeichen | Offline nutzbar | Stapelverarbeitung | Inhaltssprache | Gut zu wissen / Quellen und Prüfdatum |
|---|---|---|---|---|---|---|---|---|
| Jitter | Website | Ja | Nicht bestätigt | Nein | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Quellen und Prüfdatum |
| Rive | Website | Ja | Nicht bestätigt | Nein | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | |
| Spline | Website | Ja | Nicht bestätigt | Nein | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Quellen und Prüfdatum |
| LottieFiles | Website | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Nicht bestätigt | Quellen und Prüfdatum |