Become a
certified expert

with

LottieFiles for Webflow
certification

Background
LottieFiles

+

Webflow

Leichte und interaktive Animationen für Ihre Webflow-Websites

Verbessern Sie Ihre Websites mit hochgradig anpassbaren Lottie-Animationen, um die Interaktion und Konversionen zu erhöhen.

Greifen Sie auf die weltweit größte Lottie-Animationsbibliothek innerhalb von Webflow zu und fügen Sie mühelos Bewegungseffekte auf all Ihren Webflow-Websites hinzu.

Benutzer einbinden, bessere Geschichten erzählen und Wachstum fördern

Über 100.000 kostenlose, einsatzbereite Lottie-Animationen, um Ihnen den Einstieg zu erleichtern

Greifen Sie auf die privaten Animationen Ihres Teams zu und fügen Sie sie direkt in Webflow ein

Native Optimized dotLottie-Unterstützung auf Webflow für schnellere Seitenaufbaugeschwindigkeiten

Passen Sie mühelos Animationen an, um sie an Ihre Markenfarben anzupassen

Funktioniert nahtlos mit den Interaktivitätsfunktionen von Webflow

Begeistern Sie Ihre Benutzer mit triggerbasierten Animationen

Page load

Parallax

Reveal

Page load

Parallax

Reveal

Hergestellt mit Lottie. Hergestellt in Webflow.

Entdecken und lassen Sie sich von diesen beeindruckenden Webflow-Websites inspirieren, die mithilfe von Lottie-Animationen erstellt wurden.

  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild
  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild

In 3 einfachen Schritten loslegen

Schritt 1

Installieren Sie die App

Installieren Sie die LottieFiles für die Webflow-App und autorisieren Sie sie für Ihre Projekte.

Schritt 2

Suche nach einer Animation

Suchen Sie eine Lottie-Animation mithilfe der Registerkarten „Entdecken“ oder „Arbeitsbereiche“.

Schritt 3

Fügen Sie die Animation ein

Fügen Sie die Animation in Ihre Webflow-Seiten ein. Sie können die Farben der Animation anpassen oder Interaktivität hinzufügen.

Wie man Lottie-Animationen in Webflow verwendet