Hintergrund-Schichten bewegen sich verschieden schnell beim Scroll · klassisch · gibt Tiefe ohne Aufdringlichkeit.

Pinned Hero · video-content scrubt mit Scroll

Words scattern beim Scroll · clusterful · custom-properties

Vollbild-Counter zählt von 0 auf 100 · slidet dann nach oben weg · für Premium-Marken die "Ankunft" inszenieren wollen.

Dünne Linie oben · zeigt wie weit der User auf der Page gescrollt ist · subtile UX-Hilfe ohne aufzudringlich zu sein.

Subtile Film-Körnung über der ganzen Page · gibt jeder Webseite eine analog-edle Anmutung · keine Performance-Kosten.

Jeder Buchstabe der Hero-Headline slidet einzeln rein · staggered · kraftvoller Einstieg ohne kitschig zu wirken.

Italic-Schlüsselwörter atmen sanft · pulsierende Bewegung in der Headline · sehr subtile aber sehr-premium.

Beim Hover über einen Text springen die einzelnen Buchstaben hoch · spielerisch · für playful Brands wie Café, Pet, Kids.

Endlos laufender Text-Ticker · für Trust-Bars, Service-Tags, Press-Mentions · wirkt lebendig + kommerziell-stark.

Text fadet blurry rein und schärft sich · klassisches Hero-Eintreten

Buchstaben staggered von unten · Spring-Easing · energetisch · für Brand-Names

Zufällige Zeichen settlen zu echtem Text · Matrix/Decrypt-Vibe

Gold-Shimmer wandert durch den Text · endlos · subtle Premium-Signal

Brand-Farben wandern als Gradient · Gold → Tomato → Forest · atmosphärisch

Buchstaben wackeln in Sinus-Welle · spielerisch · für friendly Brands

Tippt sich Zeichen für Zeichen · klassisch · für Story-Sektionen

Buchstaben fallen von oben mit Spring-Easing · dynamisches Hero-Entrance

Buchstaben hüpfen versetzt · verspielt · für junge/Family-Brands

Wörter wechseln zyklisch · zeigt mehrere USP in einer Headline

Goldene Linie zeichnet sich unter den Text · subtle Section-Title-Akzent

Zahlen rollen wie Spielautomat zum Zielwert · pro Stelle einzeln

Buchstaben gestreut · ziehen sich zur Lese-Position zusammen · cinematic

Text dreht sich räumlich in Y-Achse · ungewöhnlich · Wow-Effekt im Hero

Worte wechseln durch sanften Fade · für ruhige Brand-Pillars

Text wechselt durch alle Brand-Farben · sehr atmosphärisch

Text outline-only · füllt sich periodisch in Gold · Editorial-Magazine

Text läuft auf kreisförmigem Pfad · klassische Stamp/Seal-Optik

Text glüht pulsierend in Gold · neon-artig · für High-Tech oder Luxury

Dunkle Maske swiped weg und enthüllt Text · clean für Section-Headlines

Counter mit Dezimalstellen · für Ratings/Reviews/Percentages · präziser als VT.002

Text reißt horizontal auseinander · top/bottom weichen aus · für "Reveal"-Moments

Underline zieht von Mitte nach außen · klassisch elegant · Editorial-Links

Statt normaler Maus-Cursor: ein farbiger Kreis-Blob · expandiert beim Hover über Links · für Studios + Creatives.

Buttons "ziehen" den Cursor leicht zu sich · subtiler Conversion-Booster · funktioniert für jede Branche.

Hinter dem Cursor zieht sich eine Spur kleiner Partikel · sehr atmosphärisch für dunkle Lounge-Marken.

Goldene Leuchtspur folgt dem Cursor · fading dots · dramatic auf dunklem BG

Goldener Lichtkegel folgt dem Cursor · spotlight-Effekt · für Featured-Content

Drag-Handle zwischen 2 Bildern · klassischer "Verwandlung" zeigen · perfekt für Friseure, Maler, KFZ, Renovierungen.

Bilder werden beim Scrollen mit einer Clip-Path-Mask freigelegt · subtil-cinematic · für editorial-luxury Brands.

Beim Hover über ein Bild folgt ein subtiler Glanz dem Cursor · wie auf glatten Oberflächen · für Premium-Goods + Boutique.

Bilder zoomen langsam beim Scroll · subtle Eintauch-Effekt · funktioniert für Hero-Photos + Gallery-Sections.

Bilder grayscale · bei Hover blühen sie in voller Farbe auf · klassisch aber zeitlos · für Portfolio + Gallery.

Bild kommt mit Clip-Path-Animation rein · für Service-Cards mit Hover-Reveal

↻

Hover · Clip-Reveal

Sanft animierte Farb-Wolke im Hintergrund · in den Brand-Farben · gibt jeder Page atmosphärische Tiefe.

Mehrere weiche Blobs bewegen sich langsam aufeinander zu · abstrakter Hintergrund · für moderne Tech + Beauty Marken.

Frosted-Glass-Cards mit backdrop-filter:blur über bewegten Gradients · 2026-Premium-Aesthetic · für Tech + Beauty + SaaS.

Page-BG morpht durch Sektionen via scroll-timeline

Wabernde Color-Blobs · Gold/Forest/Tomato · super-soft · Restaurant-Heroes

4-Punkt-Farb-Mesh schiebt sich · super-soft · klassischer Premium-Look

Schillernde Holographic-Farben fließen · sehr 2026 · für trendy/young Brands

Verbundene Punkte bewegen sich wie Sternenkonstellation · Premium-Tech-Vibe

Cards stapeln sich beim Scrollen aufeinander · perfekt für 3-step Process- oder Service-Sektionen · sehr cinematisch.

Asymmetrisches Grid wo jede Tile beim Hover die Beschreibung zeigt · spielerisch · perfekt für Multi-Service-Brands.

Page bleibt gepinnt · Cards scrollen horizontal vorbei · cinematisch · für Galerien, Manufakturen, Multi-Step-Prozesse.

Linke Spalte bleibt fixed (Hero/Headline) · rechte Spalte scrollt durch · ideal für Storytelling-Sektionen oder Service-Listen.

Sections fliegen mit perspective-Z auf den User zu · cinematic-Storytelling · sparsam einsetzen.

Cards stacken in Z-Achse · perspective + sticky

Endlos-scrollender Text-Streifen · für USP-Banner

Auto-scrollende Logo-Reihe · für "Trusted by"-Sektionen

3 Karten gestapelt · Hover spreaded sie auseinander · für Foto-Galerie

Überlappende Avatare spreaden bei Hover · für "Trusted by X customers"

Zahlen zählen von 0 hoch wenn sie ins Sichtfeld kommen · für Stats, Trust-Numbers, Testimonial-Stats · subtiler Wow-Effekt.

Cards kippen leicht zur Maus beim Hover · 3D-Effekt mit perspective · für Pricing-Cards + Feature-Tiles.

Cards/Sections faden sanft hoch sobald sie ins Sichtfeld kommen · performant über CSS animation-timeline · auf jeder Page.

Element fadet OUT statt IN beim Scroll · für Hero-Sections die "verschwinden" sollen während Content darunter erscheint.

Button morpht beim Hover seine Form/Größe · subtle aber satisfying · funktioniert für CTAs die Aufmerksamkeit verdienen.

Klick erzeugt 12-14 goldene Sparkles · belohnende CTA-Mikro-Interaktion

Wasser-Welle expandiert vom Click-Punkt · Material-Design-Standard

Button glitcht bei Hover · technisch · edgy · für Tech-CTAs

Element wird breit-gequetscht beim Click · belohnend · playful

Card flippt 180° um Y-Achse · zeigt Backside · für Service-Reveals

Element "blüht" auf · expanded Ring · für Heart-Like-Button oder Vote

40 bunte Konfetti-Stücke explodieren · für Erfolg/Bestellung-erfolgreich

Bei Hover slidet Content rein · für "Mehr erfahren"-Cards

↻

Hover · Reveal↑ ziehen

Element verschiebbar mit Maus · Configurator-Pattern

Halten zum Aktivieren · Fortschritt visualisiert · für Confirm-Actions

Drag eine Card weg um die nächste zu zeigen · Tinder-Pattern

Buch-Seite blättert um · für Storytelling-Sites oder Magazin-Look

3 gestapelte Karten spreaden bei Hover · für Showcase/Variant-Selector

Slot-Machine-Style Number-Reveal · jede Stelle scrollt einzeln

Circular Progress · zählt zum Ziel · für Conversion-Rates

Shimmer-Placeholder beim Laden · UX-Standard

Faltbare Sektionen · für FAQ · Service-Details

Pop-up von unten · Auto-Dismiss · für Form-Feedback

Horizontale Stat-Bars füllen sich smooth · für KPI-Sektion

Badge mit pulsierenden Sparkles · für "New"/"Featured"-Labels

Eleganter Dual-Ring-Spinner in Brand-Farben · für Loading-States

Smooth-Pop-Tooltip mit Pfeil · für Help-Text/Hints

Goldener Indikator slidet zur aktiven Tab · smooth · klassisch elegant

Multi-Step-Process visualisiert · für Onboarding/Booking-Flows

Roter Pulse-Dot oben rechts · für Inbox/Cart-Indikator

FAB mit Hover-Menü · permanent verfügbarer Quick-Action · Mobile-friendly

Live-Status mit pulsierendem Dot · für "Geöffnet jetzt"-Indikatoren

Switch zwischen Monthly/Yearly Pricing · Standard SaaS-Pattern

Native CSS-Modal mit smooth Fade-In · keine Library nötig · funktioniert für Booking-Forms, Detail-Views, Newsletter-Signups.

Beim Klick auf einen Link rauscht eine Vorhang-Animation hoch · perfekt für Multi-Page-Websites · cinematisch.

Klick auf Link · farbiger Vorhang slidet von unten hoch in Brand-Accent-Color · perfekt für Multi-Page-Navigation.

Native cinematic page-transitions · CSS-only

Panel slidet von rechts rein · für Filter/Cart/Settings-Panels

Modal mit Backdrop-Blur · Spring-Scale-In · für Detail-Views

Bild "warpt" sich organisch · gibt einen WebGL-Look ohne echtes WebGL · CSS-only · Performance-friendly.

~2500 Particles · cursor-reaktiv · GPU

3D-Modell im Hero · cursor-reaktiv · no-code via Spline