Ezra-Y/ios-motion-patterns-index

iOS Animationen – Lauffähiger Index

Swift-Animationen aus MotionBook, kategorisiert und direkt verlinkt zu klonbaren Projekten. Dies ist ein Verzeichnis von fertig lauffähigen Demos – keine Tutorials zur Animationserstellung. Für Tutorials siehe twostraws SwiftUI-Tutorial, apple-skills:guide-swiftui-animations oder swiftui-design-skill.

Die Einträge stammen aus der Open-Source-Sammlung younatics/MotionBook, sortiert nach den ursprünglichen 8 Kategorien. Dieser Index enthält eine Auswahl der besten sowie vollständige Einträge in separaten Dateien. Die Projekte sind meist Swift-Demos (teils Objective-C), die Beschreibungen sind auf Deutsch, Links und Code bleiben englisch.

Dieser Index enthält nicht: SwiftUI-native .animation / withAnimation-Methoden, Lottie / Rive-Animationsdateien oder Core Animation-Ebenen-Tutorials. Diese findest du bei twostraws SwiftUI, apple-skills:core-animation oder den offiziellen Dokumentationen.

Verwendung des Index

Diese Datei ist die übergeordnete Übersicht: Pro Kategorie sind 2–3 besonders klassische, sofort lauffähige Projekte aufgeführt, mit Hinweis darauf, was sie tun und wann du die entsprechende Referenzdatei öffnen solltest. Alle weiteren Einträge findest du in references/ pro Kategorie als separate Dateien (nur eine Hierarchiestufe).

Arbeitsablauf:

1. Suche anhand deiner Anforderungen eine der 8 Kategorien aus (hilfreich: die Schnellsuche unten). Prüfe, ob die ausgewählten Projekte ausreichen.
2. Falls nicht, öffne die entsprechende Datei references/<Kategorie>.md – dort findest du die vollständige Liste aller Einträge dieser Kategorie.
3. Klone das gewünschte Projekt, führe es aus und beobachte das tatsächliche Verhalten, bevor du den Code übernimmst.
4. Da Tableview und Collectionview nur wenige Einträge haben, sind sie in einer gemeinsamen Datei references/tableview-collectionview.md zusammengefasst. Lies dort die Abschnitte „Tabellenansicht“ und „Sammlungsansicht“ separat.

Die meisten Projekte sind ausgereifte Open-Source-Bibliotheken aus der UIKit-Ära, deren Interaktionsmuster und Animationskurven durch viele Apps validiert wurden. SwiftUI-Implementierungen können sich an deren Timing und Kurvenparametern orientieren.

Referenzdateien zu Kategorien: menu.md / animation.md / transition.md / tableview-collectionview.md (TableView + CollectionView kombiniert) / indicator.md / alert.md / ui-controls.md.

Schnellsuche nach Aufgabe

Wenn du nicht weißt, welche Referenzdatei du öffnen sollst, ordne deine Aufgabe einem Stichwort zu:

• Seiten-/unteres/ausklappbares/anima. TabBar-Menü → Menu
• Allgemeine Animationsbibliotheken, Skelette, GIFs, Text-/Wettereffekte → Animation
• Seitenübergänge, Modal, Karten-/Übergangsanimation, Einführung → Transition
• Zellen-Interaktionen, Pull-to-Refresh, Origami-Ausklapp → Tableview
• Karten-Slider / -Stapel, Parallaxe / Sticky / gedehnter Header, Tabellenlayout → Collectionview
• Ladeanimationen, Seitenindikatoren, Navigationsleisten-Ladebalken, HUD → Indicator
• Benachrichtigungsbanner, benutzerdefinierte Alarme, Top-Hinweise, Schwarm-/Blur-Popups → Alert
• Segmentierte Steuerelemente, Slider, Karten, Nachtmodus, Suche, Markdown → UI

Menü / Menu

Dropdown, Seitenschub, kreisförmig ausklappbar, Guillotine, animiertes TabBar – verschiedene Menüformen und Interaktionsanimationen. Für Navigationsleisten / Sidebars / ausklappbare Menüs / Tab-Umschalter.

• SideMenu – Facebook-artiges Side-Menü (links/rechts)
• GuillotineMenu – Guillotine-artige Menü-Übergangsanimation
• circle-menu – Kreisförmig ausklappbares Menü

Weitere Menüarten (Dropdown, Slide-Menü-Controller, animiertes TabBar) siehe references/menu.md (insgesamt 7 Einträge).

Animation / Animation

Allgemeine Animationsbibliotheken, Skelette, Vektor-SVG, Startscreen, Text-/GIF-/Wettereffekte – grundlegende Animationsfähigkeiten. Sieh dir zuerst die Auswahl an; für spezifische Effekte (GIF-Engine, Leuchttext, Wetterüberlagerung) blättere in der Referenz.

• Spring – Vereinfachte iOS-Animationen
• SkeletonView – Skelett-Ladeplatzhalter-Animation
• Macaw – Vektorgrafik-Animationsbibliothek mit SVG-Unterstützung

Pastel, Stellar, RevealingSplashView, Gecco, GlitchLabel sowie Highlighter, FLAnimatedImage, Ease – insgesamt 18 Einträge in references/animation.md.

Übergang / Transition

Controller-Übergänge, Modalblase, elastisches Ziehen, Scroll-Übergänge, Einführungsseiten – Übergangsanimationen. Für Seitenwechsel / Kartenausklapp / Übergangssammlungen.

• Hero – View-Controller-Übergangs-Framework
• BubbleTransition – Blasenartiger Modal-Übergang
• Gemini – Scroll-basiertes Übergangs-Framework mit vielen Effekten

ElasticTransition, AnimatedTransitionGallery, JTMaterialTransition, Pinterest, Walkthrough – insgesamt 14 Einträge in references/transition.md.

Tabellenansicht / Tableview

Ausklappbare Zellen, Pull-to-Refresh, Wischaktionen, Origami-Ausklapp, dehnbare Vorschau – Beispiele für UITableViewCell. Für Listeninteraktionen / Aktualisierungsanimationen.

• SwipeCellKit – Mail.app-ähnliche Wischaktionen
• folding-cell – Origami-ausklappbare Zelle

TableView und CollectionView sind zusammengefasst: YNExpandableCell, Pull-to-Refresh, elongation-preview – insgesamt 11 Einträge in references/tableview-collectionview.md.

Sammlungsansicht / Collectionview

Karten-Slider / -Stapel, Parallaxe / Sticky Header, dehnbarer Header, Tabellenkalkulation – UICollectionView-Layout-Beispiele.

• Koloda – Tinder-artiger Karten-Slider
• expanding-collection – Karten-ausklappende Sammlungsansicht

Sammlungsansicht und Tabellenansicht sind zusammengefasst: MMCardView, CSStickyHeaderFlowLayout, GSKStretchyHeaderView, SwiftSpreadsheet – insgesamt 11 Einträge in references/tableview-collectionview.md.

Indikator / Indicator

Ladeanimationen, Seitenindikatoren, Navigationsleisten-Ladebalken, HUD – Zustandsindikatoren. Für Lade-/Seitenpunkt-/Fortschrittshinweise.

• NVActivityIndicatorView – Umfangreiche Sammlung von Ladeanimationen
• PKHUD – Apple-HUD-artiger Popup-Indikator

TKRubberIndicator, SpringIndicator, BusyNavigationBar – insgesamt 5 Einträge in references/indicator.md.

Popup / Alert

Benachrichtigungsbanner, benutzerdefinierte Alarme, Popup-Ersatz, Top-Hinweise, Schwarm-/Blur-Popups – Hinweisformen.

• NotificationBanner – Anpassbares In-App-Benachrichtigungsbanner
• PopupDialog – Ersatz für UIAlertController
• SDCAlertView – Alert mit benutzerdefiniertem Inhalt

CDAlertView, CRToast, TKSwarmAlert, MIBlurPopup, SweetAlert – insgesamt 9 Einträge in references/alert.md.

UI-Steuerelemente / UI

Interface Builder-Designanimationen, Textmorphing, segmentierte Steuerelemente, Karten, fließende Slider, Suche, Nachtmodus – allgemeine Steuerelemente-Beispiele.

• IBAnimatable – Animationen und Übergänge im Interface Builder
• LTMorphingLabel – Textmorphing-UILabel
• fluid-slider – Fließender Slider mit Blasenwert

Segmentio, Cards, StarWars, YNSearch, DKNightVersion, MarkdownView – insgesamt 13 Einträge in references/ui-controls.md.

Vollständiges MotionBook: https://github.com/younatics/MotionBook

Einträge werden mit dem Upstream aktualisiert. Fehlende oder defekte Links bitte im MotionBook-Repository melden.