/01Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Stacked Drawer Navigation
Originaler Menübaum, Küsten-Hero und Promo wiederhergestellt. Mobile Menüebenen und Escape-Fokusrückgabe geprüft.
- Quelle
- Originaltexte und Originalmedien übernommen
- CMS
- Ordner, Verknüpfungen, verschachtelte Schemas, Originaldemo-Vorlage, Komponentenbild und tatsächliche Vorschau im eingebetteten Editor geprüft
- Frontend
- Echte CMS-Ausgabe im Browser bestätigt
- Figma
- Acht editierbare Varianten mit Originalfotos, SVGs, Montreal, echtem Logo und 8px Bag/Menu-Abstand Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Entwurfsvorschau · Live-Freigabe und PR-Merge stehen noch aus
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/02Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Infinite Dome Grid
Vollbildgalerie mit direkter Bedienung und einem Such-/Filter-Dock. Elf eindeutige Originaleinträge, Originalbilder und zentriertes Schließen-Symbol.
- Quelle
- Original übernommen · Medienrechte vor Kundeneinsatz prüfen
- CMS
- Ordner, Verknüpfungen, verschachtelte Schemas, Originaldemo-Vorlage, Komponentenbild und tatsächliche Vorschau im eingebetteten Editor geprüft
- Frontend
- 100svh, ein Dock, direkte Scroll-Bedienung und Suche im Browser bestätigt
- Figma
- Sechs editierbare Desktop-/Mobilzustände mit Suche, Leerzustand und Fokusrahmen; Maße gegen die Browseransichten geprüft Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Entwurfsvorschau · Live-Freigabe und PR-Merge stehen noch aus
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/03Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Logo Card Testimonials
Originale blaue Bühne, fünf Original-Logos und Originaltexte eingesetzt. Der zusätzliche Pause-Button wurde entfernt.
- Quelle
- Original übernommen · Demo-Marken separat
- CMS
- Ordner, Verknüpfungen, verschachtelte Schemas, Originaldemo-Vorlage, Komponentenbild und tatsächliche Vorschau im eingebetteten Editor geprüft
- Frontend
- Originalblaue Bühne und fünf Originallogos erhalten; CMS-Text, Bildwechsel, Eintragswechsel und Autoplay aktualisieren gezielt. Explizite Masterabstände greifen bei erhaltenem Originalstandard.
- Figma
- Zehn editierbare Desktop-/Mobilvarianten mit Originaltexten, Originallogos und Montreal geprüft Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Entwurfsvorschau · Live-Freigabe und PR-Merge stehen noch aus
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/04Astro-Demo geprüft · weitere Abnahmen separat
Dropdowns & Information
Accordion CSS Animation
Drei Originaleinträge, CSS-Animation, Geschwistersteuerung und Tastatur geprüft.
- Quelle
- Offizieller Code und tatsächliche Originalvorschau vermessen; Texte und Medien erhalten.
- CMS
- Verschachtelte Master-Blöcke, vollständiger Roundtrip, eigene Originalmedien, Standardvorlage und eingebetteter Editor geprüft.
- Frontend
- Drei Originaleinträge, CSS-Animation, Geschwistersteuerung und Tastatur geprüft.
- Figma
- Editierbare Desktop- und Mobilzustände mit Originalmedien; gegen die tatsächliche Vorschau abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Auf bestehender Entwurfsdomain bereitgestellt; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/05Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Comparison Table (Basic)
Vier Originalpläne, elf Merkmale sowie vollständiger Einleitungs- und Abschlussbereich geprüft.
- Quelle
- Offizieller Code und tatsächliche Originalvorschau vermessen; Texte und Medien erhalten.
- CMS
- Verschachtelte Master-Blöcke, vollständiger Roundtrip, eigene Originalmedien, Standardvorlage und eingebetteter Editor geprüft.
- Frontend
- Vier Originalpläne, elf Merkmale sowie vollständiger Einleitungs- und Abschlussbereich geprüft.
- Figma
- Editierbare Desktop- und Mobilzustände mit Originalmedien; gegen die tatsächliche Vorschau abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Auf bestehender Entwurfsdomain bereitgestellt; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/06Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Bouncy Content Tabs
Fünf Originaltabs und eigene Originalbilder; schnelle Wechsel, Tastatur und Federanimation geprüft.
- Quelle
- Offizieller Code und tatsächliche Originalvorschau vermessen; Texte und Medien erhalten.
- CMS
- Verschachtelte Master-Blöcke, vollständiger Roundtrip, eigene Originalmedien, Standardvorlage und eingebetteter Editor geprüft.
- Frontend
- Fünf Originaltabs und eigene Originalbilder; schnelle Wechsel, Tastatur und Federanimation geprüft.
- Figma
- Editierbare Desktop- und Mobilzustände mit Originalmedien; gegen die tatsächliche Vorschau abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Auf bestehender Entwurfsdomain bereitgestellt; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/07Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Sticky Steps (Basic)
Vier Originalschritte mit eigenen Bildern, CMS-Inhalten und originalem Scrollwechsel.
- Quelle
- Originalcode und Desktop-/Mobilmaße erfasst.
- CMS
- Verschachtelte Master-Blöcke, sechs Originalmedien, Standardvorlage und tatsächlicher eingebetteter Editor geprüft.
- Frontend
- Vier Scrollzustände, Originalgeometrie und Bilder in Desktop und Mobil bestätigt.
- Figma
- Editierbare Desktop-/Mobilseiten und vier Scrollzustände mit echten Originalbildern abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/08Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Logo Wall Cycle
Sechzehn unveränderte Original-SVGs mit acht Desktop- und sechs Mobilplätzen sowie ursprünglichem Wechsel.
- Quelle
- Offizieller Code und tatsächliche Originalvorschau vermessen.
- CMS
- Originalmedien, vollständige Standardvorlage und eingebetteter Editor geprüft.
- Frontend
- Originalraster8/6,16SVGs, Wechsel und Resize geprüft.
- Figma
- 16 native SVG-Komponenten, sieben editierbare Zustände; kein Rasterersatz. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehender Entwurf; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/09Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Before/After Split Slider
Originaler Bildvergleich mit zwei eigenen Originalbildern, 25 % Startposition und direkter Bedienung.
- Quelle
- Offizieller Code und tatsächliche Originalvorschau vermessen.
- CMS
- Eigene Originalbilder, vollständige Standardvorlage und echte eingebettete CMS-Vorschau geprüft.
- Frontend
- Echter Zeiger, Tastatur, Positionserhalt und 375/768/1280/1920 geprüft.
- Figma
- Sechs editierbare Desktop-/Mobilzustände bei 0, 25 und 100 Prozent mit Original-SVG-Griff abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/10Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Button with Slanted Reveal
Originaler Slanted Button mit blauer Fläche und unverändertem Text.
- Quelle
- Originalcode, echte Vorschau und Breakpoints vermessen.
- CMS
- Master-Button, vollständige Standardvorlage und direkte Bearbeitung im eingebetteten Editor geprüft.
- Frontend
- Originalmaße, Ruhe/Hover, Tastaturfokus und 375/768/1280/1920 geprüft.
- Figma
- Vier editierbare Desktop-/Mobilzustände samt Hover-Prototyp gegen Browser abgeglichen.
- Prüfung
- Astro-Prüfung ohne Fehler, unabhängige Codeprüfung und Bildvergleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vollständiges Entwurfspaket geprüft. Gemeinsame Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/11Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Button with Rotating Icon
Beide Originalvarianten mit rotierendem SVG-Pfeil und originalen Beschriftungen.
- Quelle
- Originalcode, echte Vorschau und Breakpoints vermessen.
- CMS
- Zwei Varianten mit Master-Buttons und Textblöcken, vollständige Standardvorlage und tatsächlicher Editor geprüft.
- Frontend
- Beide Originalvarianten, 525-ms-Rotation, Tastaturfokus und echte Breakpoints geprüft.
- Figma
- Sechs editierbare Desktop-/Mobilansichten, acht Buttonvarianten und native SVGs abgeglichen.
- Prüfung
- Astro ohne Fehler, unabhängige Codeprüfung und Browser-/Figma-Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vollständiges Entwurfspaket geprüft. Gemeinsame Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/12Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Underline Link Animation
Beide Original-Links mit normaler und alternativer Unterstreichung.
- Quelle
- Originalcode, echte Vorschau und Breakpoints erfasst.
- CMS
- Zwei Master-Links, vollständige Standardvorlage und tatsächlicher Editor geprüft.
- Frontend
- Beide originale Unterstreichungen, Hover/Fokus, genaue Breakpoints und Originalmaße bestätigt.
- Figma
- Sechs editierbare Szenen und acht Linkvarianten, separate Linien und Originaltexte abgeglichen.
- Prüfung
- Unabhängige Code-/Browser-/Figma-Prüfung bestanden; Gesamtprüfung 71 Tests grün.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vollständiges Entwurfspaket geprüft. Gemeinsame Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/13Entwurf geprüft · Live-Veröffentlichung offen
Forms
Animated Checkbox (CSS)
Vier originale native Checkboxen mit reinem CSS-Sprung und bearbeitbaren Master-Inhalten.
- Quelle
- Originalcode, echte Vorschau und Breakpoints erfasst.
- CMS
- Vier Master-Textoptionen, Master-Legende, eigene Originalvorschauen und vollständige Standardvorlage geprüft.
- Frontend
- Native Eingaben, Tab/Leertaste, unabhängige Auswahl, 400-ms-Sprung und Breakpoints bestätigt.
- Figma
- Acht editierbare Szenen und wiederverwendbare Checkbox-Zustände, mit Montreal-Vorschau abgeglichen.
- Prüfung
- Drei gezielte Tests, unabhängige Codeprüfung und visueller Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vollständiges Entwurfspaket geprüft. Gemeinsame Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/14Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Button with Bubble Arrow
Beide Originalvarianten mit originalen SVG-Pfeilen und Beschriftungen; mobil ins Master-Grid eingepasst.
- Quelle
- Offizieller Code und beide tatsächlichen Originalvarianten erfasst.
- CMS
- Beide Varianten, eigene Originalvorschauen und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originalbewegung erhalten; dokumentierter mobiler Originalüberlauf behoben.
- Figma
- Sechs editierbare Szenen, acht Buttonvarianten und Original-SVGs gegen die laufende Vorschau geprüft.
- Prüfung
- Hover, Tastatur, responsive Größen, unabhängige Code- und Bildprüfung bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide Varianten, CMS-Standardvorlage und sechs editierbare Figma-Szenen im Entwurf geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/15Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Toggle (CSS Only Trick)
Originale Zustände und Animation mit wiederverwendbaren Master-Inhalten.
- Quelle
- Originalcode und echte Desktop-/Mobilvorschau erfasst.
- CMS
- Verschachtelter Master-Text, Originalzustand und vollständige Standardvorlage geprüft.
- Frontend
- Originale Bedienung und Bewegung umgesetzt.
- Figma
- Vier native editierbare Desktop-/Mobilzustände gegen die laufende Vorschau geprüft.
- Prüfung
- Native Bedienung, responsive Browserdarstellung und unabhängige Codeprüfung bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier editierbare Figma-Zustände, Browser und CMS-Standardvorlage im Entwurf geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/17Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Stop Motion Button (CSS Steps)
Originale SVG-Sprites, Texte und schrittweise CSS-Bewegung.
- Quelle
- Originalcode und tatsächliche Live-Demo erfasst.
- CMS
- Master-Button, eigene Vorschauen und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale SVG-Pfade und CSS-Steps implementiert.
- Figma
- Native Vektor-Sprites und Desktop-/Mobilzustände gegen die laufende Vorschau geprüft.
- Prüfung
- Originalpfade, CSS-Steps, Tastatur, Responsive und unabhängiger Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Original-Sprites, vollständige CMS-Vorlage und editierbare Figma-Zustände im Entwurf geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/18Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Elastic Pulse Button (Bouncy)
Drei originale Buttonvarianten mit proportionalem GSAP-Impuls.
- Quelle
- Originalcode und alle drei tatsächlichen Varianten erfasst.
- CMS
- Drei Master-Buttons, eigene Vorschauen und vollständige Standardvorlage exakt geprüft.
- Frontend
- Original-Impuls, Sperrzeit und sichere Instanzverwaltung umgesetzt.
- Figma
- Native editierbare Originalzustände gegen Montreal-Vorschau geprüft; Pulsannäherung dokumentiert.
- Prüfung
- Fünf Tests, echte GSAP-Bewegung, Tastatur, Responsive und unabhängiger Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei Originalvarianten, CMS-Standardvorlage und editierbare Figma-Zustände im Entwurf geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/19Entwurf geprüft · Live-Veröffentlichung offen
Dropdowns & Information
Tooltip (CSS Only)
Sechs Originalzeilen und acht Karten mit den drei originalen Informationssymbolen.
- Quelle
- Originalcode, sechs Live-Zeilen und acht Karten erfasst.
- CMS
- Sechs Zeilen, acht Karten, Master-Inhalte und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale Positionen und Bewegung; Fokus, Escape und mobile Ränder berücksichtigt.
- Figma
- Native editierbare Desktop-/Mobilzustände gegen korrigierte Vorschau geprüft.
- Prüfung
- Fünf Tests, echte Tastaturbedienung, Responsive und unabhängiger Abgleich bestanden; zwei Browserbefunde korrigiert.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Alle acht Karten, vollständige CMS-Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/20Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Tilting Bouncing Button
Zwei originale Buttonvarianten mit CSS-Federkurve und Textwechsel.
- Quelle
- Originalcode und tatsächlicher mobiler Überlauf dokumentiert.
- CMS
- Zwei Master-Buttons und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale CSS-Federkurve und lesbare mobile Stapelung umgesetzt.
- Figma
- Sechs native Ansichten gegen Original und bereitgestellte Vorschau geprüft.
- Prüfung
- Originale CSS-Federkurve, Tastatur und Responsive unabhängig geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide Originalvarianten, vollständige CMS-Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/21Astro-Demo geprüft · weitere Abnahmen separat
Dropdowns & Information
Expanding Feature Pills
Sechs Originalfeatures mit synchronen Bildwechseln und aufklappenden Karten.
- Quelle
- Originalcode, sechs Features und sieben Originalbilder erfasst.
- CMS
- Sechs verschachtelte Master-Features, sieben eigene Bilder und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale GSAP-Bewegung, Bildsync, Escape und responsive Anordnung umgesetzt.
- Figma
- 24 native Pill-Varianten und 14 vollständige Desktop-/Mobilzustände gegen Vorschau geprüft. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/22Astro-Demo geprüft · weitere Abnahmen separat
Dropdowns & Information
Sticky Section Tabs (CSS Only)
Vier originale Abschnitte mit fixierten Titelstreifen und reinem CSS.
- Quelle
- Originalcode, vier Abschnitte und vollständige Demoumgebung erfasst.
- CMS
- Vier Master-Abschnitte, Intro, weiterer Inhalt, Footer und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originales CSS-Sticky-Verhalten, native SVGs und Master-Inhalte umgesetzt.
- Figma
- Acht native Abschnittvarianten, vollständige Desktop-/Mobilseiten und zwölf Scrollansichten abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/23Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Directional Button Hover
Drei originale Buttonvarianten mit richtungsabhängiger Kreisbewegung und Originalporträt.
- Quelle
- Originalcode, drei Varianten und Originalporträt erfasst.
- CMS
- Drei Master-Buttons, eigenes Originalporträt und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale Mausgeometrie, Tastatur und Controller-Cleanup umgesetzt.
- Figma
- Sechs native Controls und acht Desktop-/Mobilzustände gegen Vorschau geprüft.
- Prüfung
- Fünf Tests, reale Maus-/Tastaturzustände, Responsive und unabhängiger Figma-Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei Originalvarianten, vollständige CMS-Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/24Entwurf geprüft · Live-Veröffentlichung offen
Dropdowns & Information
Basic Modal Setup
Drei Originaldialoge mit kurzem und langem Inhalt, Schließen-Symbol und überlagerter Hintergrundfläche.
- Quelle
- Originalcode und drei Live-Dialoge mit 10/2/1 Absätzen erfasst.
- CMS
- Drei verschachtelte Master-Dialoge, 10/2/1 Absätze und vollständige Standardvorlage exakt geprüft.
- Frontend
- Originale Darstellung, native Dialoge, Fokus und Cleanup umgesetzt.
- Figma
- Zwölf Trigger, sechs Dialogkarten und acht native Desktop-/Mobilzustände gegen Vorschau geprüft.
- Prüfung
- Acht Tests, reale Tastatur-/Scrollbedienung, Responsive und unabhängiger Abgleich bestanden; Initialfokus korrigiert.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei Originaldialoge, vollständige Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/25Entwurf geprüft · Live-Veröffentlichung offen
Loaders
Number Loader in 3 Steps
Drei originale Zahlenschritte und Fortschrittsbalken mit gemeinsamer Montreal-Schrift und Farbrollen.
- Quelle
- Originalcode und komplette Zahlenfolge erfasst.
- CMS
- Master-Baustein und zwei eigene Originalvorschauen exakt geprüft.
- Frontend
- Isolierte GSAP-Zeitleiste, Endstand und zugängliche gemeinsame Navigation umgesetzt.
- Figma
- Native Desktop-/Mobilzustände unabhängig gegen echte Vorschau geprüft.
- Prüfung
- Controller-Tests, Responsive, CMS-Vorlage und unabhängiger visueller Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originaldarstellung, verschachtelte CMS-Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/26Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Copy Email to Clipboard Button
Originaler E-Mail-Kopierbutton mit Hovertext, bestätigtem Erfolg und nativer Zwischenablage.
- Quelle
- Originalcode, Texte und tatsächliche Kopierfunktion erfasst.
- CMS
- Verschachtelte Master-Texte und eigener Originalvorschaumediensatz geprüft.
- Frontend
- Originaldarstellung und robuste asynchrone Kopierfunktion umgesetzt.
- Figma
- Native Desktop-/Mobilzustände unabhängig gegen echte Vorschau geprüft.
- Prüfung
- Controller-Tests, Responsive, CMS-Vorlage und unabhängiger visueller Abgleich bestanden. Kopier-Promise und Erfolgsanzeige bestätigt; separater Clipboard-Inhalt nicht rücklesbar.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originaldarstellung, verschachtelte CMS-Standardvorlage und editierbare Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/27Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Morphing Play/Pause Toggle
Originalgetreu übertragene Osmo-Komponente mit verschachtelten Master-Inhalten.
- Quelle
- Originalcode und Live-Maße erfasst.
- CMS
- Vollständige verschachtelte Originalvorlage exakt verglichen und als Standard bestätigt.
- Frontend
- Originaldarstellung und isolierte Interaktion umgesetzt.
- Figma
- Vier native Endzustände mit Originalpfaden und Livefarben gegen echte Vorschau geprüft.
- Prüfung
- Sechs Tests mit echtem MorphSVG, reale Enter/Space-Bedienung, schnelle Wechsel und vier Breiten bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide Originalpfade, MorphSVG, CMS-Standardvorlage und native Figma-Endzustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/28Entwurf geprüft · Live-Veröffentlichung offen
Filters & Sorting
Basic Filter Setup
Originalgetreu übertragene Osmo-Komponente mit verschachtelten Master-Inhalten.
- Quelle
- Originalcode und Live-Maße erfasst.
- CMS
- Vollständige verschachtelte Standardvorlage mit4Filtern/11Karten exakt bestätigt.
- Frontend
- Originaldarstellung und isolierte Interaktion umgesetzt.
- Figma
- Acht Inhaltszustände plus acht scrollbare Vorschauen; Root-Abgleich gegen echte Mobilansicht bestanden.
- Prüfung
- Fünf Tests, reale Filterergebnisse, Tastatur, schnelle Wechsel und vier Breiten geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Filter, elf Originalkarten, Standardvorlage und native Figma-Seiten geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/29Entwurf geprüft · Live-Veröffentlichung offen
Gimmicks
Elastic Line
Originale elastische Linie mit zwei Endpunkten und geschwindigkeitsabhängiger Federbewegung.
- Quelle
- Originalcode und vollständige Livegeometrie erfasst.
- CMS
- Entwurf und zwei eigene bytegleiche Originalvorschauen geprüft.
- Frontend
- Originaldarstellung und isolierte Federbewegung umgesetzt.
- Figma
- Native Originalgeometrie und Desktop-/Mobilansichten geprüft.
- Prüfung
- Elastic Line vollständig im Entwurf geprüft: Originalbewegung, editierbares Figma, native CMS-Vorlage und korrigierte CMS-Abstände mit exakter Wiederherstellung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 4d88384f geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Elastic Line vollständig im Entwurf geprüft: Originalbewegung, editierbares Figma, native CMS-Vorlage und korrigierte CMS-Abstände mit exakter Wiederherstellung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/30Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Analog Clock
Originale analoge Uhr mit Zeitzone, laufenden Zeigern und unverändertem SVG-Zifferblatt.
- Quelle
- Originalcode und vollständige Livegeometrie erfasst.
- CMS
- Vollständige Standardvorlage mit Europe/Amsterdam exakt bestätigt.
- Frontend
- Originaldarstellung, genaue Uhrzeit und isolierter Lebenszyklus umgesetzt.
- Figma
- Alle sechs Originalpfade, vier native Ziffern und drei editierbare Zeiger; Geometrie gegen echte Vorschau geprüft.
- Prüfung
- Sechs unabhängige Tests, echter Zeitfortschritt und vier responsive Breiten geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originales Zifferblatt, echte laufende Zeit, Standardvorlage und native Figma-Uhr geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/31Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Button with CSS Character Stagger
Beide Original-Buttonvarianten mit gestaffelten Zeichen und vollständigem Felsenbild.
- Quelle
- Originalcode, beide Livevarianten und vollständiges Hintergrundbild erfasst.
- CMS
- Beide Originalvarianten und Hintergrund in vollständiger Standardvorlage exakt bestätigt.
- Frontend
- Originaldarstellung mit SSR-Zeichenfolge ohne eigene Client-Interaktion umgesetzt.
- Figma
- Native Zeichen, beide Zustände und Originalfoto geprüft.
- Prüfung
- Zeichenstaffelung, Tastaturfokus und responsive Breiten geprüft. Mobiles Originalbild tatsächlich mit 1600px geliefert.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide Originalvarianten, scharfes Hintergrundbild, Standardvorlage und Figma geprüft. Live-Veröffentlichung separat.
Vorschau · Prüfung offen ↗/32Entwurf geprüft · Live-Veröffentlichung offen
Filters & Sorting
Live Search (List.js)
Originale Fuzzy-Suche mit 24 Karten und 29 Schlagwörtern.
- Quelle
- Originalcode und vollständiger Livebestand mit 24 Karten erfasst.
- CMS
- Vollständige Standardvorlage mit allen 24 Karten und 29 Schlagwörtern exakt bestätigt.
- Frontend
- Echte List.js-Suche mit originalen Daten umgesetzt.
- Figma
- Acht native Zustände mit editierbaren Karten, Originalemojis und Laufzeitmaßen abgeglichen.
- Prüfung
- Echte Suchergebnisse, Tippfehler, Leerzustand, natives Löschen und vier Breiten geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: 24 Originalkarten, echte Fuzzy-Suche, Standardvorlage und Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/33Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Opening Hours (Timetable)
Originaler Wochenplan mit aktuellem Öffnungsstatus und Zeitzone.
- Quelle
- Originalcode und vollständiger Wochenplan erfasst.
- CMS
- Vollständige Originalvorlage als Standard gespeichert und unabhängig exakt zurückgelesen.
- Frontend
- Originaldarstellung mit korrigierter Mitternachtslogik umgesetzt.
- Figma
- Native Desktop-/Mobilansichten mit tatsächlicher Vorschau unabhängig abgeglichen.
- Prüfung
- Originale sieben Tage, Zeitzonen-/Tagesänderung im echten CMS, vollständige Vorlage und native Figma geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originale sieben Tage, Zeitzonen-/Tagesänderung im echten CMS, vollständige Vorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/34Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Queued Scroll Reveal
Vollständiges Originalraster mit 56 Karten und sequenzieller Scrollanimation.
- Quelle
- Originalcode und alle 56 Karten erfasst.
- CMS
- Vollständige Originalvorlage als Standard gespeichert und unabhängig exakt zurückgelesen.
- Frontend
- Originales Raster mit isolierter Scrollwarteschlange umgesetzt.
- Figma
- Native Desktop-/Mobilansichten mit tatsächlicher Vorschau unabhängig abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/35Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Expanding Bottom Navigation
Originales ausklappendes Menü mit zehn Links und getrennten Linkgruppen.
- Quelle
- Originalcode, SVG und alle zehn Links erfasst.
- CMS
- Vollständige Standardvorlage mit fünf Hauptlinks und zwei Gruppen exakt bestätigt.
- Frontend
- Originale Timeline und unabhängige Navigation umgesetzt.
- Figma
- Vier native Zustände anhand tatsächlicher Geometrie abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/36Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Dynamic Current Year
Originale Copyrightzeile mit automatisch aktuellem Kalenderjahr.
- Quelle
- Vollständige Originaldemo mit Farb- und Schriftmaßen erfasst.
- CMS
- Originales Präfix/Suffix und vollständige Standardvorlage exakt bestätigt.
- Frontend
- Aktuelles Kalenderjahr mit isolierter Wiederaufnahme umgesetzt.
- Figma
- Native Desktop-/Mobiltexte einschließlich Zwischenräumen mit tatsächlichen Laufzeitmaßen abgeglichen.
- Prüfung
- Aktuelles2026, Originalfarben, vier Breiten und32pxZwischenstufe, echte Mastertextauswahl geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originale Jahresanzeige, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/37Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Download Button
Originaler Downloadbutton mit Lade-, Erfolgs- und Rückfallzustand.
- Quelle
- Originalcode und tatsächliche JPEG-Datei der Live-Demo erfasst.
- CMS
- Originaldatei als editierbare URL und vollständige Standardvorlage geprüft.
- Frontend
- Originale Zustände mit isoliertem Download und direkter CMS-Vorschau umgesetzt.
- Figma
- Native Desktop-/Mobilansichten und fertiger Erfolgszustand mit Browserbildern abgeglichen.
- Prüfung
- Download Button vollständig im Entwurf geprüft: Originaldatei tatsächlich gespeichert und bytegenau bestätigt, editierbare Figma-Zustände und unveränderte CMS-Inhalte geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau 711cd1eb geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Download Button vollständig im Entwurf geprüft: Originaldatei tatsächlich gespeichert und bytegenau bestätigt, editierbare Figma-Zustände und unveränderte CMS-Inhalte geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/38Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Back To Top Button
Originale Scrolldemo mit animiertem Rücksprungbutton.
- Quelle
- Originalcode, Titelgrafik und vollständige drei Abschnitte erfasst.
- CMS
- Vollständige Standardvorlage einschließlich beider Mastertextabschnitte exakt bestätigt.
- Frontend
- Drei Abschnitte mit originaler Scrollschwelle und Rücksprung umgesetzt.
- Figma
- Native Titelgrafik und Desktop-/Mobilzustände mit tatsächlicher Browsergeometrie abgeglichen.
- Prüfung
- Rücksprung per Klick und Tastatur, vier Breiten und direkte CMS-Auswahl geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalscrolldemo, Rücksprung, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/39Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Fit Text to Width
Originales Landschaftsmotiv und vier gedrehte Karten mit passend skalierender Schrift.
- Quelle
- Vollständige Originaldemo mit Foto, fünf Texten und vier Karten erfasst.
- CMS
- Vollständige Standardvorlage mit Originalfoto und allen fünf Texten exakt bestätigt.
- Frontend
- Originale Textanpassung, Kartenrotationen und Scrollfolge umgesetzt.
- Figma
- Native Desktop-/Mobilansichten einschließlich tatsächlicher Endpositionen mit Browser abgeglichen.
- Prüfung
- Vier Breiten ohne Überlauf; echte CMS-Textänderung passt Schrift an und Originalzustand ist wiederhergestellt.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalfoto, Textanpassung, vier Karten, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/40Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Dynamic Current Time
Originale laufende Uhr mit editierbarer Zeitzone.
- Quelle
- Vollständige Originaluhr mit Schriftmaßen und Zeitzone erfasst.
- CMS
- Standardvorlage und echter Zeitzonenwechsel inklusive halbstündigem UTC-Versatz geprüft.
- Frontend
- Sekündliche Uhr mit lokalisiertem Zeitzonenformat und Live-Vorschau umgesetzt.
- Figma
- Editierbare Desktop-/Mobilansichten mit tatsächlichen Browserzeiten und Maßen abgeglichen.
- Prüfung
- Vier Breiten, laufende Zeit, CMS-Zonenwechsel und unveränderter gespeicherter Originalzustand bestätigt.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Laufende Uhr, Zeitzonenwechsel, vollständige Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/41Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Toggle Switch
Drei originale Schaltergruppen mit verschiebbarem Auswahlhintergrund.
- Quelle
- Alle drei Gruppen, zehn Beschriftungen und drei Startzustände exakt erfasst.
- CMS
- Vollständige Standardvorlage mit allen Gruppen und Originalzuständen, echter Größenwechsel geprüft.
- Frontend
- Klick, Pfeiltasten und verschiebbarer Auswahlhintergrund mit Live-Vorschau umgesetzt.
- Figma
- 15 native Auswahlvarianten sowie Desktop-/Mobilansichten mit tatsächlichen Browserbildern abgeglichen.
- Prüfung
- Vier Breiten ohne Überlauf; unabhängige Auswahl, Pfeiltasten und CMS-Live-Vorschau geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei Gruppen, Pfeiltasten, echte CMS-Größenänderung, vollständige Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/42Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Rotating Text
Originaler Satz mit vier wechselnden Wörtern und animierter Breite.
- Quelle
- Originaler Satz, vier Wörter, Masken und GSAP-Bewegung exakt erfasst.
- CMS
- Sechs Mastertexte und vollständige Standardvorlage exakt bestätigt; echter Textwechsel wiederhergestellt.
- Frontend
- Originale Wortrotation mit dynamischer Breite, Zeilenmasken und sauberem CMS-Lebenszyklus umgesetzt.
- Figma
- Acht editierbare Wort-Endzustände mit tatsächlichen Maßen abgeglichen; Mobile help visuell verglichen.
- Prüfung
- Vier Breiten, echte Bewegung und CMS-Vorschau, unabhängige Code- und Bildprüfung bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalsatz, Wortbewegung, vier Breiten, CMS-Textänderung, Vollvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/43Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Display Count
Sechs originale Karten und eine automatisch berechnete Anzahl.
- Quelle
- Vollständiger Originalzustand mit sechs Karten und originalem Satz erfasst.
- CMS
- Sechs echte Karten und vollständige Standardvorlage bestätigt; Live-Test6→7→6 ohne gespeicherte Änderung.
- Frontend
- Tatsächliche Kartenanzahl mit fokussiertem CMS-Morph umgesetzt.
- Figma
- Editierbare Desktop-/Mobilansichten mit tatsächlichen Browserbildern abgeglichen.
- Prüfung
- Vier Breiten, korrekte Zählung und unverändertes Original nach CMS-Test unabhängig bestätigt.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Sechs Originalkarten, echte CMS-Zähländerung, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/44Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Display Read Time
Zwei vollständige Originalartikel mit automatisch berechneter Lesedauer.
- Quelle
- Beide vollständigen Artikel mit sämtlichen29Originalblöcken und Clock-SVG erfasst.
- CMS
- 29 Originalblöcke und Standardvorlage bestätigt; tatsächlicher Live-Test1→2→1 ohne gespeicherte Änderung.
- Frontend
- Berechnung aus tatsächlichen Artikeltexten, ursprüngliche Skalierung und CMS-Aktualisierung umgesetzt.
- Figma
- Alle Artikeltexte editierbar, tatsächliche Textmaße und vollständige Desktop-/Mobilansichten abgeglichen.
- Prüfung
- Vier Breiten, Wortzählung und restaurierte Originalstory unabhängig bestätigt.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide vollständigen Originalartikel, echte Lesedaueränderung im CMS, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/45Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Countdown
Beide Original-Countdowns mit verschachtelten Einheiten und unveränderten Terminen.
- Quelle
- Beide Originalinstanzen, Formate, Termine und Quellcode erfasst.
- CMS
- Originaltermine und sieben Einheiten mit Standardvorlage bestätigt; tatsächliche Datums-, Offset- und Formatänderung restauriert.
- Frontend
- Sekundengenaue Berechnung, scoped Timer und fokussierte CMS-Änderungen umgesetzt.
- Figma
- Alle sieben nativen Pillenmaße mit tatsächlichen Desktop-/Mobilbildern abgeglichen.
- Prüfung
- Vier Breiten, Timerzustände und unveränderte Originalstory unabhängig bestätigt.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Beide Originaltermine, laufende Anzeige, echte CMS-Datums-/Offset-/Formatänderungen, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/46Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Number Odometer
Vollständige Originaldemo mit Umsatz, Kennzahlen, Zahlenformaten und programmatischen Updates.
- Quelle
- Fünf Originalbereiche, elf Zahlenziele und sechs Originalbuttons erfasst.
- CMS
- Vollständige Originalwerte und Standardvorlage bestätigt; tatsächliche Umsatzänderung restauriert.
- Frontend
- Originale Rollanimation, Formatzeichen, programmatische Änderungen und scoped CMS-Morph umgesetzt.
- Figma
- Vollständige Desktop-/Mobilansichten und zwölf native Demo-Endzustände mit gemessenen Ziffernbreiten abgeglichen.
- Prüfung
- Vier Breiten, Zahlenzustände, Tastatur und unabhängiger Bildvergleich abgeschlossen; Absatzbreite korrigiert.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Alle fünf Originalbereiche, elf Zahlenziele, sechs Schaltzustände, echte CMS-Änderung, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/47Entwurf geprüft · Live-Veröffentlichung offen
Visual Effects
Film Grain Effect
Vollständige Originalzeitung mit zwei Fotografien, vier Überschriften und animierter Körnung.
- Quelle
- Originalzeitung, zwei Fotografien und echte Körnungstextur erfasst.
- CMS
- Vollständige Originalzeitung und Standardvorlage bestätigt; Bewegungs- und Deckkraftprobe restauriert.
- Frontend
- Vollständige Zeitung und isolierte Original-Körnung umgesetzt.
- Figma
- Editierbare Desktop-/Mobilansichten mit Originalfotos und nativer statischer Textur abgeglichen.
- Prüfung
- Vier Breiten, Bildausschnitte, CMS-Wiederherstellung und mobiler Titel geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalzeitung, beide Fotos, Körnung, echte CMS-Änderung, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/48Entwurf geprüft · Live-Veröffentlichung offen
Visual Effects
Progressive Blur
Vier Originalfotografien mit fünf abgestuften Unschärfeebenen am Viewportrand.
- Quelle
- Vier Originalbilder und fünf abgestufte Masken vollständig erfasst.
- CMS
- Originalinhalt, Standardvorlage und Wiederherstellung nach echter Titelprobe bestätigt.
- Frontend
- Originale Masken und Bildausschnitte als gekapselte CSS-Komponente umgesetzt.
- Figma
- Vier Originalbilder, editierbare Titel und fünf Masken in Desktop-/Mobilzuständen abgeglichen; native Unschärfeberechnung dokumentiert.
- Prüfung
- Vier Breiten, Anfang/Ende, Bilderausschnitte, Masken und CMS-Restaurierung geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalbilder, fünf Unschärfeebenen, echte CMS-Änderung, Standardvorlage und native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/49Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Expiring New Badge/Label
Originalkarte mit Stuhlfoto und einem nach Veröffentlichungsdatum ablaufenden New-Badge.
- Quelle
- Vollständige Originalkarte mit Foto und tatsächlicher Live-Demodauer erfasst.
- CMS
- Dauer- und Datumswechsel sichtbar bestätigt; Original nach Test unverändert und Standardvorlage vollständig.
- Frontend
- Originalkarte, Datumsgrenzen und automatische Aktualisierung umgesetzt.
- Figma
- Editierbare Desktop-/Mobilkarten mit sichtbarem und verborgenem Badge abgeglichen.
- Prüfung
- Fünf Breiten, unveränderte Titelposition, Bildausschnitt und echter CMS-Ablauf geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalkarte, Datum, sichtbarer/abgelaufener/zukünftiger CMS-Zustand, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/50Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Check Section Theme on Scroll
Fünf Originalsektionen mit einer Navigation, deren Farben zum sichtbaren Abschnitt wechseln.
- Quelle
- Fünf Originalsektionen, vier Menüpunkte und zwei Zustandsanzeigen erfasst.
- CMS
- Farben im verschachtelten Abschnitt live geprüft; Original wiederhergestellt und vollständige Standardvorlage bestätigt.
- Frontend
- Navigation und Farberkennung innerhalb der Komponentengrenzen umgesetzt.
- Figma
- Fünf editierbare Farbzustände für Desktop und Mobil mit Vorschau abgeglichen.
- Prüfung
- Fünf Breiten, alle Abschnittsfarben und CMS-Vorschau unabhängig geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Alle fünf Farbzustände, responsive Navigation, echte CMS-Farbwechsel, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/51Entwurf geprüft · Live-Veröffentlichung offen
Buttons
Draw Random Underline
Drei Links mit sechs wechselnden handgezeichneten Unterstreichungen.
- Quelle
- Drei Originallinks und sechs SVG-Pfade sowie Vorschauvideo erfasst.
- CMS
- Master-Linktext und Ziel live geprüft; Original nach Discard unverändert und Standardvorlage vollständig.
- Frontend
- Zeichnen und Ausblenden bei Hover und Tastaturfokus umgesetzt.
- Figma
- Sechs native Originalkurven und 14 editierbare Desktop-/Mobilzustände mit Laufzeit abgeglichen.
- Prüfung
- Fünf Breiten, alle sechs Pfade, schnelle Wechsel und Tastatur geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Alle sechs Originalkurven, Tastatur, responsive Originalmaße, CMS-Änderung, Standardvorlage und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/52Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Skeleton Loader Text
Drei originale Textsektionen mit pulsierenden Platzhaltern und anschließendem Zeilen-Reveal.
- Quelle
- Drei vollständige Texte, zwei Themes und alle Originalumbrüche erfasst.
- CMS
- Text, Theme und kleine Schrift live geprüft; vollständige Vorlage und unveränderter gespeicherter Originalstand bestätigt.
- Frontend
- Originale Puls- und Revealfolge mit responsiver Zeilenteilung umgesetzt.
- Figma
- 18 editierbare Desktop-/Mobilzustände und zwei vollständige Seiten, unabhängig mit Laufzeit abgeglichen.
- Prüfung
- Fünf Breiten, tatsächliche Pulse-/Revealfolge und responsive Zeilenteilung geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei vollständige Originalsektionen, echte Puls-/Revealzustände, fünf Breiten, CMS-Änderung und 18 native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/53Entwurf geprüft · Live-Veröffentlichung offen
Scroll Animations
Scroll Progress Bar
Originaler Fortschrittsbalken mit drei Abschnitten und direktem Klick zum Scrollziel.
- Quelle
- Originales SVG, beide Texte, drei Flächen und Klickverhalten erfasst.
- CMS
- Masterüberschrift und Abschnittsfarbe live geändert; Original unverändert und Standardvorlage vollständig.
- Frontend
- Fortschritt und Scrollziel auf den eigenen Komponentenbereich begrenzt umgesetzt.
- Figma
- Zehn native Desktop-/Mobilansichten und zwei vollständige Seiten, unabhängig mit Laufzeit abgeglichen.
- Prüfung
- Fünf Breiten, Klickziel, Tastatur und kollisionsfreier gemeinsamer Header geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Originalbalken, drei Abschnitte, Klickziel, Tastatur, fünf Breiten, CMS-Vorlage und native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/54Entwurf geprüft · Live-Veröffentlichung offen
Scroll Animations
Scroll Progress Number
Originaler 00–100-Scrollfortschritt über den vollständigen grauen Verlauf.
- Quelle
- Vollständige 300vh-Demo mit 80px-Schrift und Originalverlauf erfasst.
- CMS
- Abstandsänderung nach echter Fehlerbehebung live bestätigt; Original und vollständige Standardvorlage rückgelesen.
- Frontend
- Komponentenbezogener Scrollfortschritt und CMS-Lebenszyklus umgesetzt.
- Figma
- Native 00/50/100-Ansichten auf Desktop und Mobil mit echtem Verlauf und Laufzeit abgeglichen.
- Prüfung
- Fünf Breiten, Originalschrift, vollständiger Scrollbereich und CMS-Korrektur geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: 00/50/100 auf Desktop und Mobil, echter CMS-Abstandsfix, vollständige Vorlage und native Figma-Ansichten geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/55Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Detect Scrolling Direction (Up/Down)
Originalnavigation reagiert auf Scrollrichtung und Abstand zum Anfang.
- Quelle
- Vier Originalabschnitte, Navigation und technische Anzeigen erfasst.
- CMS
- Menütext, Ziel und Abstände live geprüft; Originalstand unverändert und vollständige Standardvorlage bestätigt.
- Frontend
- Richtungsabhängige Navigation mit getrenntem Bibliotheksheader umgesetzt.
- Figma
- Acht native Desktop-/Mobilzustände mit tatsächlichen Scrollpositionen und zwei vollständige Seiten abgeglichen.
- Prüfung
- Fünf Breiten, ausgeblendete Navigation, Tastaturfokus und vollständiges Zurückscrollen geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalabschnitte, Auf-/Abscrollen, Tastatur, CMS-Links und Abstände, vollständige Vorlage sowie Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/56Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Highlight Text on Scroll
Originaltext wird beim Scrollen Buchstabe für Buchstabe hervorgehoben.
- Quelle
- Drei Originalabschnitte und vollständiger Originaltext mit Schriftmaßen erfasst.
- CMS
- Überschrift und Abstände live geprüft; Originalstand unverändert und vollständige Standardvorlage bestätigt.
- Frontend
- Zeichenweise Hervorhebung mit originalen Scrollgrenzen umgesetzt.
- Figma
- Native 91-Zeichen-Zustände, sechs Desktop-/Mobilansichten und zwei Vollseiten abgeglichen.
- Prüfung
- Fünf Breiten, vorwärts/rückwärts scrollen und tatsächliche zeichenweise Opazität geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei Originalabschnitte, 91 Zeichen, Desktop/Mobil-Scrollzustände, CMS-Text und Abstände, vollständige Vorlage sowie native Figma-Ansichten geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/57Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Looping Words with Selector
Fünf Originalwörter wechseln in einer Schleife mit passendem Auswahlrahmen.
- Quelle
- Vollständige originale Fünf-Wort-Schleife, Geometrie und Medien erfasst.
- CMS
- Worttext, native Sortierung und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Wortschleife und dynamischer Auswahlrahmen mit gemeinsamem Montreal-Font umgesetzt.
- Figma
- Zehn native Desktop-/Mobilzustände mit gemessenen Wortbreiten, Auswahlrahmen und Verläufen abgeglichen.
- Prüfung
- Alle fünf Wörter auf Desktop/Mobil in der Schleife beobachtet; fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Fünf Originalwörter, echte Desktop-/Mobil-Schleife, proportionale Schriftanpassung, CMS-Text, Sortierung und Abstände sowie zehn native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/58Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Highlight Marker Text Reveal
Vier Originalabschnitte mit Markierungen, die fünf Texte zeilenweise freigeben.
- Quelle
- Vier Originalabschnitte mit fünf Texten und allen Marker-Attributen erfasst.
- CMS
- Text, Richtung, Farbe, Staffelung und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Originale Marker-Richtungen und Linienfreigabe mit gemeinsamer Montreal-Schrift umgesetzt.
- Figma
- 20 native Maskierungsvarianten, 16 Abschnittsansichten und zwei vollständige Seiten abgeglichen.
- Prüfung
- Alle vier Abschnitte auf Desktop/Mobil geprüft; Leerzeilen-Timing korrigiert, fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalabschnitte, fünf Texte, Marker-Richtungen und Staffelungen auf Desktop/Mobil sowie CMS und native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/59Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Masked Text Reveal
Originale Textmaskierung für Zeilen, Wörter und Zeichen mit drei Demo-Umschaltern.
- Quelle
- Vier Originalabschnitte und drei vollständige Demo-Umschalter erfasst.
- CMS
- Überschrift, Schaltflächentext und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Originale maskierte Textanimation und interaktive Umschalter umgesetzt.
- Figma
- 16 native Textvarianten, 22 Ansichten und zwei vollständige Seiten mit Originalzeilen und -schaltflächen abgeglichen.
- Prüfung
- Zeilen-, Wort- und Zeichenmodus auf Desktop/Mobil inklusive Tastatur geprüft; fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalabschnitte, drei interaktive Maskierungsmodi auf Desktop/Mobil, echte CMS-Änderungen sowie native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/60Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Gradient Wave Text on Scroll
Originale Farbwand über einzelne Zeichen beim Scrollen durch vier Textabschnitte.
- Quelle
- Vier Originalabschnitte, fünf Texte und originale rote Farbwand erfasst.
- CMS
- Text, inaktive Farbe, Wellenparameter und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Zeichenweises Aufhellen, rote Farbwand und Rückwärtslauf umgesetzt.
- Figma
- 25 native Inhaltsvarianten, 13 Scrollansichten und zwei vollständige Seiten mit gemessenen Zeichenfarben abgeglichen.
- Prüfung
- Originale rote Übergangswelle, Aufhellen und Rücklauf geprüft; fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalabschnitte, rote Zeichenwelle, Vorwärts-/Rückwärtslauf auf Desktop/Mobil, echte CMS-Änderungen und native Figma-Farbzustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/61Entwurf geprüft · Live-Veröffentlichung offen
Text Animations
Text Scramble (Load, Scroll, Hover)
Originale Textverwandlung beim Laden, Scrollen und Überfahren in vier Abschnitten.
- Quelle
- Vollständige vier Originalabschnitte und ursprünglicher Hover-Text erfasst.
- CMS
- Überschrift, Hover-Text und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Originale Zeichenanimation für Laden, Scrollen und Hover umgesetzt.
- Figma
- Zehn native Endzustände, zwei vollständige Seiten und 13 Exporte mit realem mobilen Wortumbruch abgeglichen.
- Prüfung
- Originale Zeichenanimationen und Textwechsel geprüft; mobiler Wortüberlauf korrigiert, fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vier Originalabschnitte, Lade-/Scroll-/Hover-Textwechsel, korrigierter mobiler Wortumbruch, echte CMS-Änderungen und native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/62Entwurf geprüft · Live-Veröffentlichung offen
Utilities & Scripts
Javascript Toggle (Attributes)
Drei Originalschalter für JavaScript-, Navigations- und Theme-Zustände.
- Quelle
- Drei Originalzustände und vollständige Originalbeschriftungen erfasst.
- CMS
- Beschriftungen, Anfangszustand, Reihenfolge und Abstände live geprüft; vollständige Standardvorlage und unveränderter Originalstand bestätigt.
- Frontend
- Originalzustände als voneinander unabhängige Schalter umgesetzt.
- Figma
- 16 native Desktop-/Mobilkombinationen mit 48 direkten Schaltverknüpfungen abgeglichen.
- Prüfung
- Alle drei Originalzustände und Rückwechsel per Klick/Tastatur geprüft; fünf Breiten ohne Überlauf und ohne Konsolenfehler.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Drei unabhängige Originalschalter auf Desktop/Mobil, reale CMS-Beschriftungen, Anfangszustände, Reihenfolge und Abstände sowie alle 16 Figma-Kombinationen geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/63In Prüfung
Utilities & Scripts
Social Share Buttons
Neun originale Teilen-Schaltflächen mit ihren vollständigen SVGs und Kopierbestätigung.
- Quelle
- Neun Originalschaltflächen mit zehn vollständigen SVGs erfasst.
- CMS
- Zehn Strukturprüfungen und zwei bytegleiche eigene Originalvorschauen.
- Frontend
- Originale Icons, Teilen-Ziele und Kopierbestätigung umgesetzt.
- Figma
- Native Desktop-/Mobilzustände einschließlich Kopierbestätigung unabhängig abgeglichen.
- Prüfung
- Sieben Funktionstests und CMS-Änderungen mit Wiederherstellung bestanden. Nachweis des tatsächlich kopierten geänderten Zielwerts weiterhin offen.
- Veröffentlichung
- Entwurf bereitgestellt. Genannte Funktionsabnahme bleibt offen; Produktion und PR-Merge sind separat.
Nächster Schritt: Nach einer CMS-Änderung der Teilen-Adresse den tatsächlich eingefügten Zwischenablagewert nachweisen und anschließend Originalinhalt wiederherstellen. Darstellung, Figma und CMS-Feldänderungen sind geprüft; die letzte native Einfügeprobe blieb wegen leerer Browser-Zwischenablage ohne Ergebnis.
Vorschau · Prüfung offen ↗/64Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Cursor Coordinates
Originale Koordinatenkarte mit zwei Zeilen für die aktuelle Mausposition.
- Quelle
- Vollständige Originalkarte samt Verlauf und zwei Koordinatenzeilen erfasst.
- CMS
- Achsen, Beschriftung, Reihenfolge und Abstände live geprüft; vollständige Standardvorlage und Originalzustand bestätigt.
- Frontend
- Originale Seitenkoordinaten und vollständig editierbare Beschriftungen umgesetzt.
- Figma
- Vier native Desktop-/Mobilzustände mit gemessenen Ziffernbreiten abgeglichen.
- Prüfung
- Reale Mauswerte, fünf Breiten ohne Überlauf und ohne Konsolenfehler; unabhängiger Figma-Abgleich bestanden.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Vollständige Originalkarte, echte Desktop-/Mobilkoordinaten, verschachtelte CMS-Änderungen und vier native Figma-Zustände geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/66Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Section Anchor Dock
Vollständige Originaldemo mit fünf Phasen und animierter Abschnittsnavigation.
- Quelle
- Vollständige Originaltexte, fünf Phasen, zehn Zeilenumbrüche und D/M-Zustände gesichert.
- CMS
- Fünf Master-Phasen und Dock live bearbeitet, restauriert; vollständige Standardvorlage10Checks.
- Frontend
- Vollständige Demo, eigene Ankerziele und animiertes Dock umgesetzt.
- Figma
- 13 native Desktop-/Mobilansichten, zehn Dock-Varianten und30Verknüpfungen unabhängig abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehende Entwurfsvorschau; Produktion und PR-Merge offen.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/67Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Click to Zoom (Basic)
Vollständige Original-Artikeldemo mit fünf Bildern und animierter Zoomansicht.
- Quelle
- Vollständige Originalseite mit fünf Bildern, allen Texten und Layoutabsätzen gesichert.
- CMS
- 14 Strukturprüfungen und sieben bytegleiche Originalmedien bestätigt.
- Frontend
- Verschachtelte Masterblöcke und ursprüngliche Zoombewegung umgesetzt.
- Figma
- Native editierbare Desktop-/Mobilansichten unabhängig mit lokaler Originalkomponente abgeglichen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Bestehender Draft def4bc93 geprüft; kein Merge oder Produktionswechsel.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/68In Prüfung
Hover Interactions
3D Perspective Hover
Originalkarte mit beiden Fotos, Textebenen und interaktiver Perspektive.
- Quelle
- Vollständige Originalkarte und gemessene Desktop-/Mobilansichten gesichert.
- CMS
- 14Strukturprüfungen und vier bytegleiche Originalmedien bestätigt.
- Frontend
- Verschachtelte Masterblöcke und ursprüngliche Perspektivbewegung umgesetzt.
- Figma
- Native editierbare Desktop-/Mobilansichten unabhängig mit lokaler Originalkomponente abgeglichen.
- Prüfung
- Acht gezielte Tests einschließlich SDK-Padding-Regression bestanden; native CMS-Abstandsprüfung nach dem Fix noch offen.
- Veröffentlichung
- Entwurf bereitgestellt. Genannte Funktionsabnahme bleibt offen; Produktion und PR-Merge sind separat.
Nächster Schritt: Nach dem bereitgestellten Fix die Abstände im laufenden Storyblok-Editor ändern und auf Original zurücksetzen; berechnete Werte und erhaltene Perspektivdarstellung bestätigen. Figma-Abgleich und CMS-Textänderung samt Wiederherstellung sind belegt.
Vorschau · Prüfung offen ↗/69In Prüfung
Buttons
Magnetic Hover Effect
Originalbutton mit magnetischer Bewegung und rollendem Beschriftungswechsel.
- Quelle
- Vollständige Originaldemo und Desktop-/Mobilmaße gesichert.
- CMS
- Originalstruktur, Vorlage und gespeicherte Änderungen mit exakter Wiederherstellung geprüft.
- Frontend
- Masterbutton und ursprüngliche Magnetbewegung umgesetzt.
- Figma
- Editierbare Desktop-/Mobilansichten mit tatsächlicher bereitgestellter Originalansicht abgeglichen.
- Prüfung
- Sieben Tests einschließlich SDK-Regression bestanden; reale Mausbewegung und gespeicherter CMS-Roundtrip bestätigt. Native In-place-Abstandsprüfung bleibt offen.
- Veröffentlichung
- Entwurf4d88384f bereitgestellt und direkt geprüft. Produktion und PR-Merge separat.
Nächster Schritt: Gespeicherte CMS-Texte, Link, Magnetstärken und Abstände samt exakter Restaurierung in der bereitgestellten Vorschau geprüft. Offen bleibt der isolierte Abstandswechsel im laufenden Storyblok-Editor ohne Neuladen.
Astro-Demo öffnen ↗/70Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Custom Cursor (CSS)
Fünf originale Cursorvarianten mit eigenen SVG-Medien und nativen Vektorkacheln.
- Quelle
- Vollständige Originaldemo mit fünf Cursorrollen und Hotspots gesichert.
- CMS
- Reihenfolge und Abstände im echten Editor geändert und restauriert; vier unabhängige API-Prüfungen bestanden.
- Frontend
- Fünf native SVG-Kacheln und komponentenbezogene CSS-Cursor umgesetzt.
- Figma
- Native Desktop-/Mobil-/Hoveransichten unabhängig mit lokaler Website abgeglichen.
- Prüfung
- Veröffentlichte Desktop-/Mobilansichten, vier Breiten, Hover und443Release-Tests geprüft. Native OS-Cursorpixel bleiben ausdrücklich ungetestet.
- Veröffentlichung
- Bestehende Entwurfsvorschau447e30de; Produktion und Merge offen.
Nächster Schritt: Originale Cursorrollen, CMS-Sortierung/Abstände und native Figma geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/71Entwurf geprüft · Live-Veröffentlichung offen
Utilities
Change Page Title on Leave
Originaldemo mit wechselndem Browsertitel beim Verlassen und Zurückkehren.
- Quelle
- Originalsymbol und beide unveränderten Titel gesichert.
- CMS
- 12Strukturprüfungen, zwei bytegleiche Vorschauen und vollständige Standardvorlage10Checks.
- Frontend
- Titelwechsel im eigenen Dokument mit sauberer Wiederherstellung umgesetzt.
- Figma
- Vier native Varianten, Desktop/Mobil unabhängig mit der lokalen Website abgeglichen.
- Prüfung
- Echter CMS-Fokuswechsel mit geändertem und ursprünglichem Titel, unverändertem Elterntitel; Padding0→48→0 und vier unabhängige Restaurierungsprüfungen. Desktop/Mobil mit Figma verglichen, vier weitere Breiten ohne Überlauf.
- Veröffentlichung
- Bestehende Entwurfsvorschau447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Originaltitel, echte CMS-Änderung/Wiederherstellung, veröffentlichte Vorschau und editierbare Figma unabhängig geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/72Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Basic Custom Cursor
Originalsymbol mit folgendem und bei Hover wachsendem Cursor.
- Quelle
- Vollständige Originaldemo, Symbol und Desktop-/Mobil-/Hoverzustand gesichert.
- CMS
- 12Strukturprüfungen, zwei bytegleiche Medien und vollständige Standardvorlage10Checks.
- Frontend
- Masterlink, ursprüngliche Cursorbewegung und getrennte Instanzen umgesetzt.
- Figma
- Drei native Desktop-/Mobil-/Hoveransichten unabhängig mit lokaler Website abgeglichen.
- Prüfung
- Basic Custom Cursor67 vollständig: Originalsymbol, tatsächlicher16→48px Hover, verschachtelter CMS-Button/Text/Link und Paddingänderung mit4/4 Originalrestaurierung. Desktop/Mobil/Hover unabhängig mit editierbarer Figma verglichen; vier responsive Breiten ohne Überlauf.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Basic Custom Cursor67 vollständig: Originalsymbol, tatsächlicher16→48px Hover, verschachtelter CMS-Button/Text/Link und Paddingänderung mit4/4 Originalrestaurierung. Desktop/Mobil/Hover unabhängig mit editierbarer Figma verglichen; vier responsive Breiten ohne Überlauf. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/73Entwurf geprüft · Live-Veröffentlichung offen
Sliders & Marquees
CSS Marquee
Originale Laufschrift mit vier Texten, Sternen, Hintergrundfoto und Bildnachweis.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- 12 Strukturprüfungen, drei bytegleiche Originalmedien und vollständige Standardvorlage mit zehn Prüfungen.
- Frontend
- Verschachtelte Masterbausteine mit ursprünglichem Verhalten umgesetzt.
- Figma
- Native Desktop- und Mobilansichten unabhängig mit lokaler Website abgeglichen.
- Prüfung
- CSS Marquee68 vollständig: Originalfoto/Bildnachweis und vier Originaltexte, tatsächliche synchronisierte Laufschrift. Verschachtelte CMS-Textänderung und Padding0→48→0 mit4/4 Originalrestaurierung. Desktop/Mobil mit editierbarer Figma verglichen, vier Breiten ohne Überlauf.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: CSS Marquee68 vollständig: Originalfoto/Bildnachweis und vier Originaltexte, tatsächliche synchronisierte Laufschrift. Verschachtelte CMS-Textänderung und Padding0→48→0 mit4/4 Originalrestaurierung. Desktop/Mobil mit editierbarer Figma verglichen, vier Breiten ohne Überlauf. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/74Entwurf geprüft · Live-Veröffentlichung offen
Visual Effects
Interactive Dots Grid Background
Zwei originale Farbvarianten mit interaktivem Punktraster und durchgehendem Rasterversatz.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- 12 Strukturprüfungen, zwei bytegleiche Originalmedien und vollständige Standardvorlage mit zehn Prüfungen.
- Frontend
- Verschachtelte Masterbausteine mit ursprünglichem Verhalten umgesetzt.
- Figma
- Sieben editierbare Ansichten einschließlich Hover mit eigener Browserdarstellung abgeglichen.
- Prüfung
- Interactive Dots Grid69 vollständig: dunkler/heller Originalabschnitt und echter Zeiger-Hover; CMS-Reihenfolge und Padding0→48→0 mit4/4 Originalrestaurierung. Veröffentlichte Desktop-/Mobilzustände mit nativer Figma verglichen, vier Breiten ohne Überlauf.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Interactive Dots Grid69 vollständig: dunkler/heller Originalabschnitt und echter Zeiger-Hover; CMS-Reihenfolge und Padding0→48→0 mit4/4 Originalrestaurierung. Veröffentlichte Desktop-/Mobilzustände mit nativer Figma verglichen, vier Breiten ohne Überlauf. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/75Entwurf geprüft · Live-Veröffentlichung offen
Visual Effects
Animated Grid Overlay (Columns)
Originaldemo mit Hintergrundfoto, vollständigen Texten und animiertem Spaltenraster.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- 12 Strukturprüfungen, drei bytegleiche Medien und vollständige Standardvorlage mit zehn Prüfungen.
- Frontend
- Verschachtelte Masterbausteine mit ursprünglichem Verhalten umgesetzt.
- Figma
- Vier native offene und geschlossene Desktop-/Mobilansichten unabhängig abgeglichen.
- Prüfung
- Animated Grid Overlay70 vollständig: tatsächliche12Desktop-/4Mobilspalten öffnen/schließen per Klick und Shift+G. Titel- und Paddingänderung im CMS mit4/4 Restaurierung; veröffentlichte D/M direkt mit nativer Figma verglichen, vier Breiten ohne Überlauf.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Animated Grid Overlay70 vollständig: tatsächliche12Desktop-/4Mobilspalten öffnen/schließen per Klick und Shift+G. Titel- und Paddingänderung im CMS mit4/4 Restaurierung; veröffentlichte D/M direkt mit nativer Figma verglichen, vier Breiten ohne Überlauf. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/76Entwurf geprüft · Live-Veröffentlichung offen
Visual Effects
Glass Effect (Background)
Vollständige Originaldemo mit vier Abschnitten, drei Fotos und sieben Glaslagen.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- 14 Strukturprüfungen, fünf bytegleiche Medien und vollständige Standardvorlage mit zehn Prüfungen.
- Frontend
- Verschachtelte Masterbausteine mit ursprünglichem Verhalten umgesetzt.
- Figma
- Sieben editierbare Ansichten mit echten Textzeilen, nativen Glaslagen und Originalfotos unabhängig abgeglichen.
- Prüfung
- Glass Effect vollständig im Entwurf geprüft: vier Originalsektionen mit Originalmedien, editierbarer Figma und tatsächlicher CMS-Text-/Abstandsprüfung. Desktop und stabile Mobilansicht stimmen im direkten Vergleich überein.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Glass Effect vollständig im Entwurf geprüft: vier Originalsektionen mit Originalmedien, editierbarer Figma und tatsächlicher CMS-Text-/Abstandsprüfung. Desktop und stabile Mobilansicht stimmen im direkten Vergleich überein. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/77Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Face Follow Cursor (Mascot)
Originales Apfelmaskottchen mit Blickverfolgung und zwinkerndem Hoverzustand.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- 12 Strukturprüfungen, beide bytegleichen Originalvorschauen und vollständige Standardvorlage mit zehn Prüfungen.
- Frontend
- Verschachtelte Masterbausteine mit ursprünglichem Verhalten umgesetzt.
- Figma
- Drei editierbare native Desktop-/Mobil-/Hoveransichten; Textflächen unabhängig auf Transparenz korrigiert.
- Prüfung
- Face Follow Cursor vollständig im Entwurf geprüft: Originalmaskottchen, Mausreaktion, Typografie und Mobilansicht; verschachtelte CMS-Texte/Abstände mit vollständiger Restaurierung geprüft.
- Veröffentlichung
- Bestehende Entwurfsvorschau 447e30de geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Face Follow Cursor vollständig im Entwurf geprüft: Originalmaskottchen, Mausreaktion, Typografie und Mobilansicht; verschachtelte CMS-Texte/Abstände mit vollständiger Restaurierung geprüft. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/78Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Magnetic Cursor
Fünf Originallinks mit magnetischem Hintergrund, Punkt und Unterstrich.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- Native Originalvorlage geprüft; echte gespeicherte Titel-/Reihenfolge-/Abstandsänderungen auf bereitgestellter Seite nachgewiesen und Original exakt restauriert.
- Frontend
- Originales Verhalten mit eigenen Instanzen, Masterblöcken und Lebenszyklus umgesetzt.
- Figma
- Fünf native Zustände mit echter lokaler Laufzeit abgeglichen.
- Prüfung
- Magnetic Cursor vollständig im Entwurf geprüft: Hauptlink-, Punkt- und Unterstreichungscursor, editierbares Figma und echte CMS-Text-/Reihenfolge-/Abstandstests mit Originalrestaurierung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 9012d65a geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Magnetic Cursor vollständig im Entwurf geprüft: Hauptlink-, Punkt- und Unterstreichungscursor, editierbares Figma und echte CMS-Text-/Reihenfolge-/Abstandstests mit Originalrestaurierung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/79Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Draw Path Cursor Effect
Originale leuchtende Mausspur vor schwarzem Hintergrund und nativem Symbol.
- Quelle
- Vollständiger Originalcode und echte Desktop-/Mobilansichten gesichert.
- CMS
- Native Originalvorlage10/10; gespeicherter CMS-Abstand48px auf echter Vorschau geprüft, Original0px exakt restauriert. Editorinteraktion separat ungetestet.
- Frontend
- Originales Verhalten mit eigenen Instanzen, Masterblöcken und Lebenszyklus umgesetzt.
- Figma
- Native Desktop-/Mobil-/Hoveransichten mit tatsächlicher Master-Demo abgeglichen; unabhängiger Vergleich bestanden.
- Prüfung
- Draw Path Cursor Effect vollständig im Entwurf geprüft: originale Mausspur, editierbare Figma-Zustände und echter CMS-Abstandswechsel mit exakter Wiederherstellung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 9012d65a geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Draw Path Cursor Effect vollständig im Entwurf geprüft: originale Mausspur, editierbare Figma-Zustände und echter CMS-Abstandswechsel mit exakter Wiederherstellung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/80Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Dynamic Text Cursor
Originale Speak-, Mail- und Chat-Karten mit dynamischer Cursorbeschriftung.
- Quelle
- Vollständige authentifizierte Livequelle und echte Desktop-/Mobil-/Hoveransichten gesichert.
- CMS
- Native Originalvorlage und echte gespeicherte Titel-/Hover-/Reihenfolge-/Abstandsänderung geprüft. Vollständiger Originalinhalt und IDs restauriert.
- Frontend
- Originale Inhalte, Formen und Bewegung umgesetzt; zentrale Registrierung vorhanden.
- Figma
- Native Desktop-/Mobil-/Hoveransichten mit tatsächlicher Master-Demo abgeglichen; unabhängiger Vergleich bestanden.
- Prüfung
- Dynamic Text Cursor vollständig im Entwurf geprüft: Originalkarten und Cursorlabels, editierbares Figma und reale CMS-Änderungen mit exakter Originalrestaurierung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 9012d65a geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Dynamic Text Cursor vollständig im Entwurf geprüft: Originalkarten und Cursorlabels, editierbares Figma und reale CMS-Änderungen mit exakter Originalrestaurierung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/81Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Scramble Text Cursor
Drei Originalkarten mit animiertem Textwechsel und kleinem Cursorpfeil.
- Quelle
- Vollständige authentifizierte Livequelle und echte Desktop-/Mobil-/Hoveransichten gesichert.
- CMS
- Native Originalvorlage und echte gespeicherte Text-/Reihenfolge-/Abstandsänderung geprüft. Scramble erreicht geänderten Zieltext; anschließend Original exakt restauriert.
- Frontend
- Originale Inhalte, Formen und Bewegung umgesetzt; zentrale Registrierung vorhanden.
- Figma
- Native Desktop-/Mobil-/Hoveransichten mit tatsächlicher Master-Demo abgeglichen; unabhängiger Vergleich bestanden.
- Prüfung
- Scramble Text Cursor vollständig im Entwurf geprüft: originale Karten, Textanimation, editierbares Figma und echte CMS-Änderungen mit exakter Wiederherstellung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 9012d65a geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Scramble Text Cursor vollständig im Entwurf geprüft: originale Karten, Textanimation, editierbares Figma und echte CMS-Änderungen mit exakter Wiederherstellung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/82Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Velocity Based Custom Cursor
Originale Pixelcursor mit geschwindigkeitsabhängiger Neigung und automatischem Handzeiger.
- Quelle
- Authentifizierte vollständige Quelle, SVGs und originale Bewegungs-/Mobilmessungen gesichert.
- CMS
- Originalvorlage und tatsächlicher Abstandstest 0→48→0 Pixel bestanden; vollständiger Inhalt unabhängig restauriert.
- Frontend
- Originale Cursorpfade und Bewegungsformel umgesetzt; unabhängige Prüfung bestanden.
- Figma
- Sechs native Desktop-, Mobil- und Cursorzustände an echter Vorschau abgeglichen; unabhängiger Direktvergleich bestanden.
- Prüfung
- Velocity Based Custom Cursor vollständig im Entwurf geprüft: Originalcursor, Bewegung, sechs editierbare Figma-Zustände und echte CMS-Abstandsprüfung mit unverändertem Originalinhalt.
- Veröffentlichung
- Bestehende Entwurfsvorschau 711cd1eb geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Velocity Based Custom Cursor vollständig im Entwurf geprüft: Originalcursor, Bewegung, sechs editierbare Figma-Zustände und echte CMS-Abstandsprüfung mit unverändertem Originalinhalt. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/83Entwurf geprüft · Live-Veröffentlichung offen
Cursor Animations
Cursor with Marquee Effect
Sieben Originalkarten mit Fotos, Preisen und animiertem Lauftext am Cursor.
- Quelle
- Originalcode, sieben Fotos und Desktop-/Mobil-/Hoverzustände gesichert.
- CMS
- Gespeicherte Originalvorlage10/10; echte CMS-Titel-/Cursor-/Abstandsänderung auf bereitgestellter Seite geprüft und Original exakt restauriert. Native ungespeicherte Editorinteraktion separat ungetestet.
- Frontend
- Originale Darstellung und Bewegung mit verschachtelten Masterblöcken umgesetzt; unabhängig geprüft.
- Figma
- Sechs native editierbare Ansichten; Desktop-Hover und Mobilansicht gegen bereitgestellte Fassung9012d65a unabhängig abgeglichen.
- Prüfung
- Cursor with Marquee Effect vollständig im Entwurf geprüft: sieben Originalkarten, Lauftextcursor, editierbares Figma und reale gespeicherte CMS-Änderungen mit exakter Wiederherstellung.
- Veröffentlichung
- Bestehende Entwurfsvorschau 9012d65a geprüft; Produktion und PR-Merge offen.
Nächster Schritt: Cursor with Marquee Effect vollständig im Entwurf geprüft: sieben Originalkarten, Lauftextcursor, editierbares Figma und reale gespeicherte CMS-Änderungen mit exakter Wiederherstellung. Live-Veröffentlichung separat.
Astro-Demo öffnen ↗/84In Prüfung
Filters & Sorting
Basic Filter Setup (Multi Match)
Zwölf originale Tierkarten mit Filtern für Land, Wasser und Luft; Karten können mehreren Gruppen angehören.
- Quelle
- Authentifizierter Originalcode und zwölf Karten mit 18 Tags gesichert; Whale gehört im Original zu Land.
- CMS
- Zwölf Originalkarten und18Tags, echte gespeicherte Titel-/Abstandsänderung geprüft und Original exakt restauriert. Native Originalvorlage fehlt noch.
- Frontend
- Originale Darstellung und Bewegung mit verschachtelten Masterblöcken umgesetzt; unabhängig geprüft.
- Figma
- Acht editierbare Zustände; tatsächliche bereitgestellte Desktop-/Mobilansicht unabhängig abgeglichen.
- Prüfung
- Browser: All12/Land9/Water7/Air2, Tastatur, vier Breiten ohne Überlauf/Fehler und echte CMS-Restaurierung bestanden. Native CMS-Vorlage offen.
- Veröffentlichung
- Auf bestehender Entwurfsdomain9012d65a bereitgestellt und geprüft; Vollabnahme und Produktion offen.
Nächster Schritt: Im angemeldeten Storyblok-Editor die vollständige Originalvorlage speichern und unabhängig zurücklesen. Dafür muss der Mac entsperrt sein.
Astro-Demo öffnen ↗/LIB-268Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Side Navigation with Wipe Effect
Vollständige originale Wipe-Navigation mit fünf nummerierten Hauptlinks und vier Sociallinks, bewusst im gemeinsamen Master-Theme.
- Quelle
- Authentifizierter vollständiger HTML/CSS/JS-Code, echte Originalzustände; keine Rasterabhängigkeit.
- Frontend
- Scoped GSAP-Timeline, neun Tests und unabhängige Codeprüfung; Minimalfix Header/Socialunderline separat geprüft und gebaut.
- CMS
- Zwei unveröffentlichte UUID-Stories; gespeicherten Masterlink sichtbar geändert und Inhalte rekursiv exakt restauriert; zwei originale Standardvorlagen und vier Bildzuordnungen bestätigt. Ungespeicherte GenericConfig-Vorschau zusätzlich sichtbar geprüft und ohne Save exakt restauriert.
- Figma
- Vier editierbare Zustände getrennt unabhängig verglichen; Montreal/sharedpalette/Fontfit-Abweichungen ausdrücklich vereinbart. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Runtime7f85 und Katalogmetadaten2ef1 im bestehenden Draft erfolgreich; neue Karte/Demo/Figma-Ziel/Abnahmeanker tatsächlich geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-237Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Centered Scaling Navigation Bar
Vollständige zentrierte Navigation mit fünf originalen Menüpunkten und einer editierbaren Contact-us-Laufzeile.
- Quelle
- Vollständige authentifizierte Originalquelle, exakte Bytes und echte Zustände; rasterfreier SVG-Referenzcanvas.
- Frontend
- Scoped CSS-/Astro-Navigation; acht Tests, Typprüfung ohne Fehler/Warnungen und Builds bestanden.
- CMS
- Zwei unveröffentlichte UUID-Stories; native gespeicherte und ungespeicherte Änderungen sichtbar und rekursiv exakt restauriert. Zwei originale Standardvorlagen und vier echte Bildfelder bestätigt.
- Figma
- Vier editierbare Zustände unabhängig gegen Original verglichen; bewusste gemeinsame Schrift-/Farbrollen dokumentiert. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Runtime 93d5280 und Katalogmetadaten 5ebb4d5 im bestehenden Draft erfolgreich; neue Karte, direkte Demo, exaktes Figma-Ziel und Abnahmeanker tatsächlich geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-246Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Scaling Hamburger Navigation
Vollständiges skalierendes Menü mit sechs Originalpunkten, aktivem Seitenindikator und editierbarer Master-Caption.
- Quelle
- Vollständiger authentifizierter Originalcode und vier echte Endzustände; rasterfreier Referenzcanvas mit originalem SVG.
- Frontend
- Scoped Astro/CSS mit originaler Skalierbewegung; acht gezielte Tests, fehlerfreie Typprüfung und Build bestanden.
- CMS
- Zwei unveröffentlichte UUID-Stories; gespeicherte und ungespeicherte native Änderung sichtbar und rekursiv exakt restauriert. Zwei Standardvorlagen mit vier bestätigten Renderbildfeldern.
- Figma
- Vier editierbare Zustände unabhängig gegen Original verglichen; Montreal-Caption und gemeinsame Palette bewusst dokumentiert. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Runtime 862716a und Katalogmetadaten 5577af46 im bestehenden Draft erfolgreich; neue Karte, direkte CMS-Demo, exaktes Figma-Ziel und Abnahmeanker tatsächlich geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-203Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Bold Full Screen Navigation
Vollständige Fullscreen-Navigation mit fünf Originalpunkten, Text-Rollover und gemeinsamem editierbarem Hero.
- Quelle
- Originalcode und vier echte Endzustände belegt; gemeinsame Master-Hero-Ausnahme ausdrücklich autorisiert.
- Frontend
- Originale Clip-/Stagger- und Text-Rollover-Bewegung; neun Navtests und vier Live-Link-Tests bestanden.
- CMS
- Zwei unveröffentlichte UUID-Stories, verschachtelte Master-Buttons, zwei echte Standardvorlagen mit Renderbild; gespeicherte und ungespeicherte Änderungen geprüft und restauriert.
- Figma
- 4 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf01da4ac6 tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-164Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Fixed Underlay Navigation
Vollständige Underlay-Navigation mit elf Original-Links, originaler GSAP-Bewegung und editierbarem Master-Hero.
- Quelle
- Originalcode und echte Desktop-/Mobilansichten belegt. Rasterfreies Menü; gemeinsamer Master-Hero ausdrücklich autorisiert.
- Frontend
- Eigener Inhaltsbereich, originale GSAP-Timeline, Resize/Reverse/Focus und zehn gezielte Tests bestanden.
- CMS
- Zwei unveröffentlichte UUID-Stories, verschachtelte Mastergruppen, zwei tatsächlich zurückgelesene Standardvorlagen mit finalem Renderbild; native Änderungen exakt restauriert.
- Figma
- 4 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf01da4ac6 tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-145Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Stacking Cards 3D (CSS)
Vollständige Fünf-Karten-Section mit nativer 3D-Scrollbewegung und verschachtelten Master-Inhalten.
- Quelle
- Vollständige Originaltexte und native CSS-Szene; fünf echte Karten mit ursprünglichen dekorativen CSS-Flächen, keine benötigten Rastermedien.
- Frontend
- Originale Sticky-/3D-Bewegung mit belegten responsiven Originalmaßen; sieben Tests einschließlich echter CSS-Minifier-Regression bestanden.
- CMS
- Eine unveröffentlichte UUID-Seite, zwei Schemas, verschachtelte Master-Inhalte, native Speicher-/Liveprüfung und vollständig zurückgelesene Vorlage mit echtem Renderbild.
- Figma
- 6 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf97832d8e tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-151Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Step-by-step Timeline
Vollständige originale Sechs-Schritte-Section mit Scrollfortschritt und verschachtelten Master-Inhalten.
- Quelle
- Alle sechs Originalschritte und Bewegungsabläufe belegt; keine benötigten Rastermedien.
- Frontend
- Originale Marker-/Linienbewegung und Abstände, gekapselte Instanzen, zehn Regressionstests bestanden.
- CMS
- Unveröffentlichte UUID-Seite, zwei Schemas, native Live-/Speicherprüfung und vollständige Restaurierung; echte Vorlage mit tatsächlichem Renderbild.
- Figma
- 6 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf8f17e7a6 tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-171Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Stacking Sticky Cards (Bounce)
Zwei vollständige originale Service-Szenen mit sechs Karten, elastischer Scrollbewegung und editierbarem Intro/Outro.
- Quelle
- Vollständige Originalkarten,22Serviceabsätze und Intro/Outro belegt; keine benötigten Rastermedien.
- Frontend
- Originale Sticky-/GSAP-Bewegung, gemessene responsive Originalmaße und zwölf gezielte Tests bestanden.
- CMS
- Eine unveröffentlichte UUID-Seite, drei Schemas, native Live-/Speicherprüfung samt vollständiger Restaurierung und drei native Vorlagen mit echtem Renderbild.
- Figma
- 12 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf39cfff50 tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-162Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Table of Contents for Article
Vollständiger Originalartikel mit editierbarem Intro,15Überschriften und automatisch aufgebautem Inhaltsverzeichnis.
- Quelle
- Vollständiger Originalartikel und tatsächlicher Demo-Intro belegt; keine benötigten Rastermedien.
- Frontend
- Verschachtelte Master-Inhalte,14native Anker und gekapselte Scroll-/CMS-Interaktion;18Regressionstests bestanden.
- CMS
- Unveröffentlichte UUID-Seite, native Live-/Speicherprüfung, vollständige rekursive Restaurierung, echte Standardvorlage mit tatsächlichem Renderbild.
- Figma
- 6 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf8f17e7a6 tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-199Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Overlapping Slider
Vollständiger originaler Testimonial-Slider mit zehn Zitaten, Namen und SVG-Avataren sowie Drag-, Nachlauf- und Tastaturbedienung.
- Quelle
- Alle zehn Originalzitate/Namen und20SVG-Pfade exakt belegt; keine benötigten externen Rastermedien.
- Frontend
- Originale Überlappung, Drag/Nachlauf/Einrasten; gekapselte Bedienung und14Regressionstests bestanden.
- CMS
- Unveröffentlichte echte UUID-Seite, zwei verschachtelte Schemas, native Live-/Speicherprüfung und vollständige Restaurierung; zwei echte Standardvorlagen mit tatsächlichem Renderbild.
- Figma
- 6 editierbare Desktop-/Mobilzustände, Originaltexte und gemeinsame Rollen unabhängig gegen echte Astro-/Originalansichten geprüft; dokumentierte Schrift-/Bewegungsgrenzen bleiben sichtbar. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Astro/CMS-Katalog zuvor bestätigt; Figma-Karten-/Statuslinks auf97832d8e tatsächlich geprüft. Private Browser-Anmeldung bleibt von nativer Figma-Abnahme getrennt.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-187Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Two-step Scaling Navigation
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Vier editierbare Varianten: Desktop und Mobil, jeweils offen und geschlossen. Auto-Layout, gebundene Farben, Masterbilder und Menü-Prototyp; mit der eigenen Demo visuell abgeglichen.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller direkter Originalvergleich offen; Figma-Endzustände geprüft.
Astro-Demo öffnen ↗/LIB-174Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Mega Navigation (Directional Hover)
Funktionale Menülinien und sekundäre Buttons mit lesbarem Kontrast korrigiert; sechs originale Easing-Angaben wiederhergestellt. Originalvergleich offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-223Astro-Demo geprüft · weitere Abnahmen separat
Navigation
Multilevel Navigation
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; Eigener Browserprüflauf erfolgt; aktueller Originalvergleich und CMS-Endabnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-219Astro/CMS geprüft · Figma-Bildvergleich offen
Sections & Layouts
Directional List Hover
Vollständige Award-Section mit sieben Originaleinträgen, drei Spalten und richtungsabhängigem Hover.
- Quelle
- Vollständige echte Sieben-Zeilen-Section mit Originaltexten und Links; keine Bildabhängigkeit.
- Frontend
- Wiederverwendbare Astro-Section, verschachtelte Mastertexte/-links;9 gezielte Tests und unabhängige Codeprüfung bestanden.
- CMS
- Native Live- und Speicherprüfung mit vollständig restaurierten Inhalten; zwei Vorlagen mit echtem Renderbild.
- Figma
- Sechs editierbare Desktop-/Mobilzustände, 42 Originalzeilen samt Links und Montreal-Texten bestätigt. Abschließender Vergleich mit Original und Astro bleibt offen.
- Prüfung
- Vier echte Original-/Vorschaupaare unabhängig geprüft, gleiche Zeilen-/Sektionsgeometrie und kein Überlauf.
- Veröffentlichung
- Eigene unveröffentlichte CMS-Seite im bestehenden Draft; tatsächliche Katalogkarte, Direktlink und Statusanker geprüft.
Nächster Schritt: Original-/Astro-/Figma-Bildvergleich abschließen und bereitgestellten Figma-Kataloglink prüfen.
Astro-Demo öffnen ↗/LIB-204Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Horizontal Scrolling Sections
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-147Astro-Demo verfügbar · Abnahme läuft
Hover Interactions
Collage Focus Card on Hover
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; abschließende Browser-/CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Separater späterer Durchgang.
- Prüfung
- Controller-/Integrationsprüfungen bestanden; neue Browserfreigabe weiterhin technisch abgelehnt. Keine vollständige Abnahme behauptet.
Nächster Schritt: Bereitgestellte Demo abschließend am Desktop und mobil sowie im CMS-Editor prüfen; Figma folgt separat.
Vorschau · Prüfung offen ↗/LIB-212Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Sticky Features
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-245Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Parallax Image Gallery with Thumbnails
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-256Astro-Demo geprüft · weitere Abnahmen separat
Dropdowns & Information
Tab System with Autoplay Option
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-241Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Scaling Element on Scroll (GSAP Flip)
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-140Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Interactive Line Graph (SVG)
Vollständiges interaktives Diagramm mit zwei Datenreihen, zwölf Monaten und editierbaren Werten.
- Quelle
- Vollständiges Originaldiagramm mit24 Werten und Originalbeschriftungen; keine Rastermedien.
- Frontend
- Wiederverwendbare Astro-Section mit Master-Inhalten, Tooltip, Tastatur und mobiler Scrollfläche; neun Tests und unabhängige Codeprüfung bestanden.
- CMS
- Echte ungespeicherte und gespeicherte Titel-/Wertänderung geprüft und vollständig restauriert; zwei Vorlagen mit echtem Renderbild.
- Figma
- Vier editierbare Desktop-/Mobilzustände, 24 Datenwerte und acht SVG-Kurven unabhängig bestätigt. Abschließender Vergleich mit Original und Astro bleibt offen. Linkziel am 18.10.2026 bestätigt; aktueller visueller Abgleich separat.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Eigene unveröffentlichte CMS-Seite im bestehenden Draft bereitgestellt; tatsächliche Katalogkarte, Renderbild, Direktlink und Abnahmeanker unabhängig geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version mit dem aktuellen Demo-Stand abgleichen.
Astro-Demo öffnen ↗/LIB-191Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Image to Background (Zoom)
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-214Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Stacking Cards Parallax
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-225Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Basic GSAP Slider (Watch CSS)
Vollständiger Slider mit sechs Original-SVG-Karten, Ziehen und responsive gestaffelten Ansichten.
- Quelle
- Sechs echte Original-SVG-Karten, Texte und Steuertasten; keine fehlenden Rastermedien.
- Frontend
- Gekapselte Astro-Komponente mit verschachtelten Master-Inhalten;10 Tests, Fehlerreproduktion und unabhängiger Fixreview bestanden.
- CMS
- Native Live-/Speicherprüfung und exakte Restaurierung; zwei Vorlagen mit echtem Renderbild.
- Figma
- Bestehende editierbare Desktop-/Mobilvarianten wieder verknüpft. Originalfarben, sechs unterschiedliche Beschriftungen und Prev/Next in Instanzen korrigiert; Desktop/Mobil und Start/End/Drag dargestellt.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Eigene unveröffentlichte CMS-Seite im bestehenden Draft; tatsächliche neue Katalogkarte, Direktlink und Statusanker unabhängig geprüft.
Nächster Schritt: Figma-Geometrie auf weitere Bildschirmhöhen übertragen; aktueller direkter Originalvergleich und erneute native CMS-Abnahme separat.
Astro-Demo öffnen ↗/LIB-178Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Draw SVG Page Transition
Zwei vollständige Originalseiten mit gezeichnetem SVG-Übergang und editierbaren Master-Inhalten.
- Quelle
- Originale A/B-Seiten, Texte, SVG und Bewegung belegt; keine Rastermedien erforderlich.
- Frontend
- Gekapselter Seitenübergang;15 gezielte Tests und unabhängiger Codevergleich bestanden.
- CMS
- Zwei unveröffentlichte Seiten; native Live-/Speicherprüfung exakt restauriert, zwei Vorlagen mit echten Vorschaubildern.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Im bestehenden Draft geprüft; Katalogkarte, Direktdemo und eigener Statusanker am 17.10.2026 tatsächlich geöffnet und unabhängig anhand der Belege geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-198Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Draw Path on Scroll
Originale Scroll-Sektion mit gezeichnetem SVG-Pfad und drei editierbaren Master-Überschriften.
- Quelle
- Originale Texte und responsive SVG-Pfade exakt gesichert; keine Rastermedien erforderlich.
- Frontend
- Gekapselte Scroll-Sektion; sieben gezielte Tests, Typprüfung und Build bestanden.
- CMS
- Native Live-Änderung im selben Editoriframe und vollständige Restaurierung geprüft; Originalvorlage mit echtem Renderbild.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Im bestehenden Draft geprüft; Katalogkarte, Direktdemo und eigener Statusanker am 17.10.2026 tatsächlich geöffnet und unabhängig anhand der Belege geprüft.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-156Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
3D Cards Tornado
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; Eigener Browserprüflauf erfolgt; aktueller Originalvergleich und CMS-Endabnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-218Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
3D Image Carousel
Originalcode mit freigegebenen repräsentativen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; Eigener Browserprüflauf erfolgt; aktueller Originalvergleich und CMS-Endabnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Masterbildern.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-144Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Spatial Cards Slider (GSAP)
Vollständige Astro-Demo mit autorisierten Mastermedien. Größenwechsel und Drag-Lebenszyklus korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-155Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Radial Cards Marquee (CSS)
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/Astro-Demo verfügbar · Abnahme läuft
Gallery & Images
Apple Dock Navigation Bar
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; abschließende Browser-/CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Separater späterer Durchgang.
- Prüfung
- Gezielte technische Prüfungen; visuelle und native Editor-Abnahme offen.
Nächster Schritt: Bereitgestellte Demo am Desktop und mobil sowie im CMS-Editor prüfen; Figma separat.
Vorschau · Prüfung offen ↗/LIB-253Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Auto Image Cycle Slideshow
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-146Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
3D Perspective Tiles Infinite Loop
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-159Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Depth Tiles Infinite Loop
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-165Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Orbit Tiles Infinite Loop
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-154Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Layered Image Slider
Vollständiger Originalcode mit freigegebenen Bildern aus der Master-Mediathek. Technische Einzelprüfungen vorhanden; eigene Demo browsergeprüft, native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-176Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Cascading Slider
Vollständige Astro-Demo mit autorisierten Mastermedien. Darstellung und Navigation in vier Browsergrößen geprüft.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-243Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Centered Looping Slider
Vollständige Astro-Demo mit autorisierten Mastermedien. Kontrast und Zentrierung beim Start korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-267Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Draggable Infinite Slider with GSAP
Vollständige Astro-Demo mit autorisierten Mastermedien. Startgeometrie, Navigation und CMS-Daten geprüft.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-163Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Infinite Draggable Grid (Basic)
Originaler endloser Bildraster mit freigegebenen Mastermedien. Vertikale Seitenscrolls bleiben möglich; Mausdrag zweidimensional und Touchdrag horizontal. Abschließende Browser-/CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-157Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Infinite Draggable Grid (Masonry)
Originaler endloser Bildraster mit freigegebenen Mastermedien. Vertikale Seitenscrolls bleiben möglich; Mausdrag zweidimensional und Touchdrag horizontal. Abschließende Browser-/CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-136Astro-Demo geprüft · weitere Abnahmen separat
Gallery & Images
Globe Gallery
Originale 3D-Kugel mit 126 Kacheln und Scroll-Beschleunigung; freigegebene Mastermedien. Technische Prüfungen vorhanden, visuelle und native CMS-Abnahme offen.
- Quelle
- Gespeicherten vollständigen Originalcode wiederverwendet.
- Frontend
- Vollständige Astro-Demo mit vorhandenen Mastermedien.
- CMS
- Verschachtelte Master-Blöcke und eigene CMS-Story angelegt; API-Inhalte zurückgelesen.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-222Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Flick Cards Slider
Vollständige Astro-Demo mit autorisierten Mastermedien. Stabile Initialisierung, Touchwechsel und CMS-Abbruch korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-231Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Stacked Cards Slider
Vollständige Astro-Demo mit autorisierten Mastermedien. Unterbrechungsfreies Ziehen und Kartenwechsel korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-158Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Parallax Image Slider (Smooothy)
Vollständige Astro-Demo mit autorisierten Mastermedien. Darstellung, Navigation und CMS-Daten geprüft.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-142Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Arc Scroll Transition
Vollständige Bild-/Inhaltssektion mit originaler Scrollbewegung und vorhandenen Mastermedien.
- Quelle
- Gesicherter Originalcode; vorhandene Masterbilder als autorisierter Ersatz
- CMS
- Verschachtelte Mastermedien und Headline; eigene Story angelegt und exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Lokal, noch nicht bereitgestellt
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-168Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Shutter Scroll Transition
Vollständige Bild-/Inhaltssektion mit originaler Scrollbewegung und vorhandenen Mastermedien.
- Quelle
- Gesicherter Originalcode; vorhandene Masterbilder als autorisierter Ersatz
- CMS
- Verschachtelte Mastermedien und Headline; eigene Story angelegt und exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Lokal, noch nicht bereitgestellt
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-169Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Pixelated Scroll Transition
Vollständige Bild-/Inhaltssektion mit originaler Scrollbewegung und vorhandenen Mastermedien.
- Quelle
- Gesicherter Originalcode; vorhandene Masterbilder als autorisierter Ersatz
- CMS
- Verschachtelte Mastermedien und Headline; eigene Story angelegt und exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Veröffentlichung
- Lokal, noch nicht bereitgestellt
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-188Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Dropping Cards Stack
Vollständige Astro-Demo mit autorisierten Mastermedien. Vierstufige Staffelung, Schleife und CMS-Abbruch korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-141Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Liquid Glass Carousel
Vollständige Astro-Demo mit autorisierten Mastermedien. WebGL-Bilder, Canvas-Lebenszyklus und freie Pause-Steuerung korrigiert.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-205Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Layout Grid Flip
Vollständiges neun Produkte umfassendes Raster mit animiertem Wechsel zwischen zwei Größen.
- Quelle
- Vollständiger Originalcode und Originaltexte; autorisierte vorhandene Mastermedien
- CMS
- Verschachtelte Produkte, Masterheadlines und Masterbuttonlabels; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-185Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Line Reveal Testimonials
Vollständige Astro-Demo mit autorisierten Mastermedien. CMS-Abbruch, Pause und Weiterschalten geprüft.
- Quelle
- Vollständige gespeicherte Originalquelle geprüft; aktueller Live-Vergleich gesperrt.
- CMS
- Gespeicherte API-Änderung auf echter CMS-Seite sichtbar und vollständig restauriert. Nativer Editor gesperrt.
- Frontend
- Eigene Demo bei 375, 768, 1280 und 1920 Pixeln sowie per Navigation geprüft.
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-221Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Masonry Grid
Vollständiges 15 Bilder umfassendes responsives Masonry-Raster mit verschachtelten Mastermedien.
- Quelle
- Vollständiger Originalcode und Seitenverhältnisse; autorisierte vorhandene Mastermedien
- CMS
- Verschachtelte Bilder und Seitenverhältnisse; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-186Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Mini Showreel Player
Vollständiger Mini-Showreel-Player mit Originalvergrößerung, bestehendem Mastervideo und Poster.
- Quelle
- Vollständiger Originalcode und Texte; vorhandenes Mastervideo statt Bildplaceholder
- CMS
- Verschachtelte Mastermedien und Mastertext; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-259Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Vimeo Player (Basic)
Vollständiger Player mit originaler Oberfläche, nativer Rückfallansicht und verschachtelten Mastermedien.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-260Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Vimeo Player (Advanced)
Vollständiger Player mit originaler Oberfläche, nativer Rückfallansicht und verschachtelten Mastermedien.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-209Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Bunny HLS Player (Basic)
Vollständiger Player mit originaler Oberfläche, nativer Rückfallansicht und verschachtelten Mastermedien.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-211Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Bunny HLS Player (Advanced)
Vollständiger Player mit originaler Oberfläche, nativer Rückfallansicht und verschachtelten Mastermedien.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-239Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Vimeo Lightbox (Advanced)
Vollständige Video-Lightbox mit Originaloberfläche, nativer Rückfallansicht und verschachtelten Masterinhalten.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-207Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Custom Bunny HLS Lightbox (Advanced)
Vollständige Video-Lightbox mit Originaloberfläche, nativer Rückfallansicht und verschachtelten Masterinhalten.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-252Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Audio Player (Howler)
Vollständiger Originalbaustein mit verschachtelten Masterinhalten und eigener Demo.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-143Astro-Demo geprüft · weitere Abnahmen separat
Dropdowns & Information
Product Hotspot Modal
Vollständiger Originalbaustein mit verschachtelten Masterinhalten und eigener Demo.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige eigene Astro-Demo im Veröffentlichungspaket
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-226Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Follow SVG Path on Scroll
Vollständige Bildgalerie auf dem originalen SVG-Pfad mit fünf editierbaren Master-Karten.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-192Astro-Demo geprüft · weitere Abnahmen separat
Video & Audio
Image Sequence on Scroll
Vollständige Canvas-Bildsequenz mit progressiver Ladefolge, Mobilquelle und Masterposter als Rückfallansicht.
- Quelle
- Vollständiger Originalcode und120Frameprefix; tatsächlicher Zugriff aufFrames nicht geprüft
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-161Astro-Demo geprüft · weitere Abnahmen separat
Sections & Layouts
Events Calendar (Date Picker)
Vollständiger Originalbaustein mit verschachtelten Masterinhalten und eigener CMS-Demo.
- Quelle
- Vollständiger Originalcode; repräsentative freigegebene Mastermedien
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-196Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Big Typo Scroll Preview (Infinite)
Vollständiger Originalbaustein mit verschachtelten Masterinhalten und eigener CMS-Demo.
- Quelle
- Vollständiger Originalcode; repräsentative freigegebene Mastermedien
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-167Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Scroll to Next Page
Vollständiger Originalbaustein mit freigegebenen Mastermedien und eigener CMS-Demo.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-138Astro-Demo geprüft · weitere Abnahmen separat
Sliders & Marquees
Wavy Marquee
Vollständiger Originalbaustein mit freigegebenen Mastermedien und eigener CMS-Demo.
- Quelle
- Vollständiger Originalcode und Original-SVGs; vorhandenes Masterposter
- CMS
- Verschachtelte Mastermedien und eigene Story; API exakt zurückgelesen
- Frontend
- Vollständige Komponente als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-183Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Cross Fade Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-273Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Double Wipe Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-177Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Stacked Cards Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-181Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Overlapping Parallax Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-160Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Masked Window Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-170Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Curved Wipe Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-179Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Side by Side Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-152Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
3D Cube Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-184Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Basic Pixelated Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-175Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Pixelated Wave Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-182Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Column Wipe Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-166Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Shutter Page Transition
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-180Astro-Demo geprüft · weitere Abnahmen separat
Page Transitions
Page Name Transition (Wipe)
Originaler Seitenübergang mit zwei vollständigen editierbaren Demoansichten.
- Quelle
- Vollständiger Originaleffekt und Originaloverlay; tatsächlicher Shutter-Seitenkontext
- CMS
- Eigene verschachtelte Story; vollständig exakt zurückgelesen
- Frontend
- Zwei vollständige Ansichten, Navigation, Verlauf und eigene Ressourcenverwaltung
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-216Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Elements Reveal on Scroll
Originaler Reveal-Wrapper mit verschachtelten Gruppen und editierbaren Masterbildern.
- Quelle
- Vollständiger Originalcode; Original-Slotstruktur und vorhandene Masterbilder
- CMS
- Eigene verschachtelte Story und drei Schemas exakt zurückgelesen
- Frontend
- Astro-Wrapper mit direkter und verschachtelter Reveal-Animation; Raster als Demokontext
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-270Astro-Demo geprüft · weitere Abnahmen separat
Scroll Animations
Parallax Image Layers
Vier originale Parallax-Ebenen mit freigegebener Masterbild-Komposition und eigenen transparenten Bildformen.
- Quelle
- Originalstruktur, Original-SVG und Originalbewegung; Masterbilder mit eigenen transparenten Bildformen
- CMS
- Eigene verschachtelte Story und zwei Schemas exakt zurückgelesen
- Frontend
- Vollständiger zweigeteilter Parallax-Baustein als Vorschau bereitgestellt
- Prüfung
- Eigene Demo am 18.10.2026 bei 375, 768, 1280 und 1920 px browsergeprüft; aktuelle Route erneut erreichbar. Originalvergleich, reale Geräte und native CMS-Abnahme separat.
- Figma
- Offen · Wiederaufnahme im bestehenden Design-System.
Nächster Schritt: Native CMS-Abnahme und aktueller Originalvergleich offen; Figma-Version ergänzen.
Astro-Demo öffnen ↗/LIB-172Vorbereitet · Mapbox-Zugang fehlt
Maps
Interactive Globe (Mapbox)
Vollständiger Kartenbaustein mit editierbarer Standortliste vorbereitet. Der Zugang für die eigentliche Karte fehlt.
- Quelle
- Vollständige Originalstruktur und Originalinteraktionen übernommen
- CMS
- Eigene verschachtelte Story und zwei Schemas exakt zurückgelesen
- Frontend
- Astro-Code und Standortliste bereitgestellt; echte Karte ohne Zugangskonfiguration nicht abgenommen
- Prüfung
- 12 gezielte und3 zusätzliche unabhängige Tests bestanden; echte Mapbox-Karte und Browser-/Editorabnahme offen.
- Blocker
- Gültiger öffentlicher Mapbox-Schlüssel und bestätigter Kartenstil fehlen.
- Figma
- Separater späterer Durchgang
Nächster Schritt: Mapbox-Zugang und Kartenstil konfigurieren; echte Karte, Browser/Mobil und nativen Editor prüfen. Figma separat.
Vorschau · Prüfung offen ↗/LIB-148Vorbereitet · Mapbox-Zugang fehlt
Maps
Store Locator (Mapbox)
Vollständiger Kartenbaustein mit editierbarer Standortliste vorbereitet. Der Zugang für die eigentliche Karte fehlt.
- Quelle
- Vollständige Originalstruktur und Originalinteraktionen übernommen
- CMS
- Eigene verschachtelte Story und zwei Schemas exakt zurückgelesen
- Frontend
- Astro-Code und Standortliste bereitgestellt; echte Karte ohne Zugangskonfiguration nicht abgenommen
- Prüfung
- 12 gezielte und3 zusätzliche unabhängige Tests bestanden; echte Mapbox-Karte und Browser-/Editorabnahme offen.
- Blocker
- Gültiger öffentlicher Mapbox-Schlüssel und bestätigter Kartenstil fehlen.
- Figma
- Separater späterer Durchgang
Nächster Schritt: Mapbox-Zugang und Kartenstil konfigurieren; echte Karte, Browser/Mobil und nativen Editor prüfen. Figma separat.
Vorschau · Prüfung offen ↗/LIB-150Blockiert · Voraussetzung fehlt
Sliders & Marquees
Radial Cards Slider (GSAP)
Vollständiger Originalcode dieses Sliders fehlt; CSS Radial Marquee ist ein anderer Baustein.
- Quelle
- Vollständiger Originalcode fehlt
- Frontend
- Keine vollständige nutzbare Astro-Demo behauptet
- Blocker
- Vollständiger Originalcode dieses Sliders fehlt; CSS Radial Marquee ist ein anderer Baustein.
- Figma
- Separater späterer Durchgang
Nächster Schritt: Vollständiger Originalcode dieses Sliders fehlt; CSS Radial Marquee ist ein anderer Baustein.
Originalquelle öffnen ↗Keine Einträge für diese Auswahl. Passe Suche oder Filter an.