RepDB
511 Übungen · EN · DE · ES
Aktualisiert 2. Aug. 2026

Eine Übungsanimations-Bibliothek, die du ausliefern kannst.

443 der 511 Übungen kommen mit einer loopenden Animation auf transparentem Hintergrund — 388 davon als gerenderte Bewegung, der Rest als Zyklus von Start- zu Peak-Pose. WebP-Dateien in deinem Repo, kein Video-Dienst.

Standard · animiert

Jede Wiederholung, in Bewegung.

Loopende Übungsanimationen mit transparentem Hintergrund — auf jeden Untergrund legbar, genau wie die Standbilder. Standard-Tier.

Seitheben Seitliegend
Seitheben Seitliegend
Langhantel-Pullover mit gebeugten Armen
Langhantel-Pullover mit gebeugten Armen
Schrägbank-Kurzhantelcurl
Schrägbank-Kurzhantelcurl
Kosakenkniebeuge
Kosakenkniebeuge· Zwei Posen

Loopendes transparentes WebP — 960px. Eines pro animierte Übung, in images/animations/<slug>.webp. Rund 88 % sind gerenderte Bewegungsclips (Tendenz steigend); die übrigen wechseln zwischen Start- und Peak-Pose — animation_type sagt dir, welche.

Direkt aus dem Bundle

Deine App, unsere Daten.

Drei Mock-Screens, gebaut ausschließlich aus Bundle-Assets — Bilder, Animation und sämtliche Metadaten kommen direkt aus dem JSON. Kein Retuschieren, keine Custom-Grafik.

Friday
Leg Day
Glutes Hamstrings
2 of 5 done~45 min
Barbell Hip Thrust
Barbell Hip Thrust
4 × 12
Romanian Deadlift
Romanian Deadlift
3 × 10
Lying Leg Curl
Lying Leg Curl
3 × 12
Now
Glute Bridge
Glute Bridge
3 × 15
Kettlebell Swing
Kettlebell Swing
4 × 15
Gebaut mit: Muskelgruppen
Mountain Climbers
Mountain Climbers
knee-safe bodyweight Beginner
MET 8.0 · ≈ 315 kcal / 30 min
  1. 1 Start in a high plank position.
  2. 2 Drive one knee toward your chest.
  3. 3 Quickly switch legs, driving the other knee forward.
Gebaut mit: Animation + MET-Werten
Too hard? Too easy?
Swap Push-Up
Incline Push-Up
Incline Push-Up
Easier
Push-Up
Push-Up
Current
Decline Push-Up
Decline Push-Up
Harder
Clap Push-Ups
Clap Push-Ups
Harder
Gebaut mit: Relations-Graph

UI-Mockups. Jedes Bild, jeder Name und jede Anleitung stammt direkt aus dem Datensatz.

Killer-Feature

Ein WebP. Jeder Hintergrund.

Jedes Bild im Classic-Stil hat einen echt transparenten Hintergrund. Auf Weiß, im Dark Mode, auf einer Markenfarbe, vor einem Foto — keine Masken, kein Compositing, kein „weißes Quadrat auf meinem dunklen UI". Wir haben keinen anderen Übungsdatensatz gefunden, der das liefert.

Einarmiges Kettlebell-Bodendrücken on Hell
Hell
Consumer Fitness App
Einarmiges Kettlebell-Bodendrücken on Dunkel
Dunkel
Dark Mode
Einarmiges Kettlebell-Bodendrücken on Marke
Marke
Deine Markenfarben
Einarmiges Kettlebell-Bodendrücken on Canvas
Canvas
Über alles komponierbar

Selbe Datei. Keine themenspezifischen Asset-Varianten, keine Canvas-Tricks, kein Runtime-Compositing. images/classic/one-arm-kettlebell-floor-press-peak.webp.

Das Format

Warum WebP, nicht PNG oder GIF.

WebP ist das einzige verbreitete Bildformat, das Transparenz und Animation in derselben Datei kann. PNG animiert nur über APNG, das kaum etwas zuverlässig darstellt. GIF animiert, ist aber auf 256 Farben und 1-Bit-Transparenz begrenzt — genau deshalb werden opake GIFs der Konkurrenz im Dark Mode zur weißen Box.

Was es bringt

~5,7× leichter als ein gleichwertiges verlustfreies PNG mit Alphakanal — gemessen über unseren gesamten 511-Übungen-Katalog.
Volle 24-Bit-Farbtiefe mit echter Pixel-Transparenz — bei Standbildern und in jedem Frame einer Animation.
Native Dekodierung in jedem modernen Browser, unter Android seit API 14 (animiertes WebP seit Android 9).
Flutter dekodiert es nativ auf iOS und Android — ohne Plugin.

Auf manchen Plattformen ein Zusatzschritt

iOS (UIKit/SwiftUI) — für animiertes WebP einen Decoder wie SDWebImage einbinden; statisches WebP wird seit iOS 14 teilweise nativ unterstützt.
React Native — expo-image oder eine andere WebP-fähige Image-Komponente nutzen; das eingebaute <Image> dekodiert es nicht.

Ein Format für beide Illustrationsstile und jede Animation im Paket — nichts, was du selbst konvertieren müsstest.

WebP passt nicht zu deinem Stack? Kontaktiere den Support und sag uns, welches Format du brauchst. Wir schauen, was wir tun können.

Hol dir zuerst das Preview-Bundle

Ein kostenloses Sample des bezahlten Datensatzes mit den exakten Produktions-Assets — ohne Anmeldung, ohne Wasserzeichen. Offline durchstöberbar mit dem mitgelieferten Viewer.

Inhalt von repdb-preview.zip
  • Ein kuratiertes Sample von Übungen mit vollständigen Texten — Namen, Beschreibungen, Anleitungen, Muskeln, Geräte, MET-Werte — in EN + DE + ES
  • Beide bezahlten Bildstile in voller 1024×1024-Auflösung: Classic (transparenter Hintergrund) und Flat — Start/Peak-Standbilder
  • Eine loopende transparente Animation für jede Übung im Sample — das Standard-Tier-Format, unverändert
  • index.html-Viewer — Standbilder und Animationen nebeneinander durchstöbern, offline
  • CC-BY-NC-4.0-Lizenz — Evaluierung und nicht-kommerzielle Nutzung
Transparent, nicht eingerahmt

Jeder Clip loopt auf transparentem Hintergrund — er sitzt auf deinem Dark Theme, deiner Markenfarbe oder einer Card. Kein weißes Rechteck, das du kaschieren musst.

WebP, nicht GIF

Animiertes WebP behält einen echten Alphakanal und volle Farbtiefe bei einem Bruchteil der Dateigröße. GIF bietet beides nicht — es dithert auf 256 Farben und franst an den Kanten aus.

Konsistent von Haus aus

Eine gesichtslose Figur, ein Material, eine Kamera. Die Clips passen zueinander und zu den Standbildern, weil sie aus derselben Pipeline kommen.

Was in der Animations-Bibliothek steckt

FAQ

In welchem Format sind die Animationen?
Loopendes WebP mit transparentem Hintergrund, 960px quadratisch, eine Datei pro animierter Übung unter images/animations/<slug>.webp. Sie laufen nativ in jedem modernen Browser sowie in React Native, Flutter und SwiftUI — ohne Video-Player, ohne Player-Library.
Sind alle 511 Übungen animiert?
Nein — 443 von 511 sind es. Davon sind 388 gerenderte Bewegungsclips, der Rest wechselt zwischen Start- und Peak-Pose. Jeder Datensatz trägt animation_type, sodass du im Code darauf verzweigen kannst statt zu raten. Die Zahl wächst mit jedem Release, Updates sind kostenlos.
Warum WebP statt GIF oder MP4?
GIF ist auf 256 Farben begrenzt und hat kein echtes Alpha — ein transparenter Clip franst vor dunklem Hintergrund sichtbar aus. MP4 hat gar keine Transparenz und braucht einen Player. Animiertes WebP liefert volle Farbtiefe, echtes Alpha, kleine Dateien und ein simples <img>-Tag.
Sind das 3D-Animationen?
Nein. Es sind gerenderte 2D-Clips im Matte-Clay-Stil — sie wirken plastisch, aber du bekommst flache Bilddateien, keine Modelle oder Rigs. Wenn du etwas brauchst, das du selbst posen oder neu rendern kannst, ist das hier nicht das Richtige.
Kann ich sie vor dem Kauf in Bewegung sehen?
Ja. Das kostenlose Vorschau-Bundle enthält Animationen in voller Qualität, und der Live-Viewer spielt sie vor hellen, dunklen und farbigen Hintergründen ab. Prüfe sie auf deinem eigenen Hintergrund, bevor du zahlst.
In welchem Tier sind die Animationen enthalten?
Standard ($399). Starter ($199) liefert die Classic- und Flat-Standbilder ohne Animationen und ohne transparente Hintergründe.
Darf ich sie in einer kommerziellen App nutzen?
Ja — Standard beinhaltet eine kommerzielle Einmallizenz ohne Umsatzgrenze. Setze sie in einer bezahlten App in beliebiger Größenordnung ein.

Hol dir die Animations-Bibliothek.

443 loopende transparente Animationen plus der vollständige Datensatz mit 511 Übungen — Standard, $399, einmalig.