Webflow iPhone & iPad Mockups | Free Template

Level: Einfach

Inspiration

ressourcen

* AFFILIATE LINK

Details

Level

Einfach

Datum

July 12, 2026

Autor

Jonas Arleth

Share

Blog Post

Ich habe für dich ein paar kostenlose iPhone und iPad Mockups vorbereitet, die du ganz einfach in dein Webflow Projekt kopieren und per Klick anpassen kannst. Der Vorteil? Der Browser lädt das Device (SVG) nur einmal und du ersetzt quasi nur den Screen mit einem JPG. Gerade bei bildlastigen Seiten wie deinem Portfolio wird dadurch die Ladezeit verbessert und da es in Webflow als Symbol angelegt ist, kannst du das Bild in Zukunft sehr einfach mit einem neuen iPhone Design ersetzten. So bleibt dein Portfolio immer Up to Date.

Kapitel

00:00 – Intro
00:33 – Mockups vs. Screenshots
01:43 – Vorteile der Templates
03:03 – Exporteinstellungen deiner Screens
03:37 – Wie du die Templates nutzen kannst
05:15 – Aufbau der Templates
10:23 – Schatten integrieren

Mehr Content

10 beeindruckende Webflow Website Animationen

Heute will ich euch zehn beeindruckende Webflow Websites vorstellen, die durch echt coole Animationen überzeugen. Mit dabei sind One Pager, Agentur Website, Unternehmens-Präsenz, Landingpages und Portfolios.

Video

Kategorie

Inspiration

15 Button Effekte als Vorlage für dein Webflow Projekt – Cloneables

Eine Sammlung mit 15 Button und coolen Hover-Effekten für dich kostenfrei zum Kopieren bzw. Klonen in dein Webflow Projekt. Lass dich inspirieren!

Video

Kategorie

Inspiration

Skill

Einfach

Berliner Startup meets Webflow: Website mit 3D Animation, Shop-Funktion & Konfigurator | Case Study

In dieser Case Study zeigt Jonas Arleth, wie er für das Startup Razeco eine Webflow-Website mit Shop, Konfigurator und Animationen entwickelt hat.

Video

Kategorie

Inspiration