Webflow Components

CSS

JavaScript

DSGVO konforme 2-Klick Lösung zur Einbindung von Videos mit dem Plyr Video Player über YouTube, Vimeo oder eigenen Quellen in deine Webflow Projekte.

JavaScript

CSS

GSAP Modal zur Altersüberprüfung deiner Nutzer, bevor ein Video mit dem Plyr Video Player geladen und abgespielt werden kann.

CSS

JavaScript

10 Production-Ready Slider für deine Webflow Projekte, entwickelt mit SwiperJS - der leistungsstärksten, flexibelsten & beliebtesten Slider Bibliothek des gesamten Webs.

JavaScript

Lösche automatisch unnötig hinzugefügte Zeilenumbrüche in deinen Webflow Rich text Elementen - unabhängig davon, ob diese statisch oder CMS basiert sind.

JavaScript

Zeige CMS basierte Benachrichtigungen auf deiner Website an und sofern deine Nutzer:innen diese ausgeblendet haben, blende sie erst wieder nach X Tagen wieder ein.

JavaScript

Mouse Hover Effect mit vanilla JavaScript für einen folgenden Link-Hover Effekt, der immer die Größe des aktiven Elements annimmt.

HTML

CSS

JavaScript

SVG Dashstroke Animation basierend auf Daten vom CMS mit GSAP, GSAP Scrolltrigger und dem GSAP DrawSVGPlugin.

HTML

CSS

JavaScript

PHP

Guide

Lerne Schritt für Schritt wie du einen einen mächtigen und selbst gehosteten Custom Form Processor bei allen erdenklichen Formularen in deinen Webflow Projekten einbindest.

JavaScript

Guide

Lerne die Basics des Animierens mit der leistungsfähigen JavaScript Animationsbibliothek GSAP kennen und erfahre, wie du sie zusammen mit GSAP ScrollTrigger in deinen Webflow Projekten einsetzt.

JavaScript

HTML

CSS

Animiere Zahlen im Stil eines Kilometerzählers. Dieses Webflow Cloneable zeigt dir, wie du die Odometer JS-Bibliothek von Hubspot in deinem Webflow-Projekt einbinden kannst.

CSS

JavaScript

Slider zur Präsentation eines Portfolios, einer Galerie oder Services - entwickelt mit SwiperJS.

HTML

CSS

20 native Webflow Buttons erweitert um Custom CSS und SVG Inline-Elementen für besondere Webflow Projekte. Credits: Codrops