Webflow iPhone & iPad Mockups | Free Template

Level: Einfach

Inspiration

ressourcen

* AFFILIATE LINK

Details

Level

Einfach

Datum

July 12, 2026

Autor

Lächelnder Mann mit kurzem braunem Haar und Bart vor orangem Hintergrund.

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

Nicht nur Websites: Diese 3 KI-Projekte zeigen dir, was du jetzt für Kunden bauen kannst

Drei KI Projekte als Inspiration für Webdesigner: 3D Welten aus Blender, Depth Map Effekte mit GSAP und eigene Brandtools mit Dialkit für deine Kunden.

Video

Kategorie

AI

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

Skill

Einfach

Kategorie

Inspiration

Vorschaubild zum Beitrag: Berliner Startup meets Webflow: Website mit 3D Animation, Shop-Funktion & Konfigurator

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

10 geniale Webflow Portfolio Websites

Webflow eignet sich hervorragend für die Erstellung von Portfolio Webseiten. Hier sind 10 echt coole Beispiele. Von Freelancer über Studio bis hin zur Agenturseite.

Kategorie

Inspiration