Lade ein Master-Bild hoch und erhalte das komplette Kit: Instagram (1:1 / 4:5 / 3:4 fürs Grid / Story / Reel), X (Header 1500×500 / Feed), LinkedIn (persönliches Banner / Firmencover / Post-Bild), YouTube (Thumbnail / Kanalbanner) und Facebook-Link. Jeder Zuschnitt wird mit seiner 2025-2026 verifizierten Safe-Zone-Maske angezeigt (Story-Ränder, X-Avatar-Kreis, LinkedIn-Avatar-Zone, YouTube-Dauer-Badge) und alles geht als ZIP raus.

Design

Glassmorphism-/Neumorphism-CSS-Snippet-Generator

Erzeugt den vollständigen Glassmorphism- oder Neumorphism-CSS-Snippet von Anfang bis Ende: Blur, Sättigung, Tönungsdeckkraft, Radius, Rahmen, Außenschatten und Oberkanten-Highlight; optional SVG-feTurbulence-Korn und @supports-Fallback; automatisch mit -webkit-backdrop-filter-Präfix (vor Safari 18 nötig) und Tailwind-Klassen-Mapping (mit v3/v4-Hinweis), plus Live-Vorschau der Karte auf Gradient-Hintergrund.

Design

Social-Media-Safe-Zone-Vorschau

Laden Sie ein Bild hoch und zeigen Sie eine Vorschau auf Instagram Feed/Story/Reels, TikTok, YouTube, X und LinkedIn — mit Safe-Zone-Overlays, die genau zeigen, welche Pixel beschnitten oder von der UI verdeckt werden, bevor Sie veröffentlichen.

Design

Web-Schrift-Pairing-Labor

Vorschau eines Google-Fonts-Pairings (Überschrift + Fließtext) mit Gewicht- und Zeilenhöhe-Reglern und kopierfertigem CSS-@import-+-Variablen-Snippet. Kuratierte 22-Schrift-Registry und 7 Presets.

Design

Social-Media-Bildgrößen-Spickzettel

Kuratierte 2026-Referenz der Bildabmessungen für Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest und WeChat, filterbar nach Plattform.

Design

Bild-Palette zu Design-Tokens

Extrahiert dominante Farben per k-Means und exportiert sie als CSS-/SCSS-Variablen, Tailwind-Config oder JSON-Tokens mit Namen und Farbskala

Design

Rot-Cyan 3D-Anaglyph-Generator

Erstellt Rot-Cyan 3D-Anaglyph-Bilder aus normalen Fotos. Erstellt stereoskopische 3D-Bilder, die mit Rot-Cyan 3D-Brille betrachtet werden können.

Design

Tiefenkarten-Generator

Erstellt Tiefenkarten aus Bildern unter Verwendung von Helligkeits-, Sättigungs- und Kantenanalyse. Erstellt Tiefenkarten in Graustufen, wobei hellere Pixel nähere Objekte und dunklere Pixel entferntere Objekte anzeigen.

Design

Parallax-Animation-Generator

Erstellt Parallax-Animationen aus Bildern. Erstellt eine tiefenbasierte Animation, bei der verschiedene Ebenen mit unterschiedlichen Geschwindigkeiten bewegt werden und einen 3D-Effekt erzeugen.

Design

Stereogramm-Generator

Erstellt 3D-Stereogramme aus Text - erstellt versteckte 3D-Bilder, die bei korrekter Betrachtung sichtbar werden

Design

Farbpalette-Extraktor

Extrahieren Sie eine schöne Farbpalette aus jedem Bild

Design

Bild-Farb-Wähler

Wählen Sie Farben aus Bildern durch Angabe von Koordinaten. Erhalten Sie Farbwerte in den Formaten HEX, RGB, HSL, HSV und CMYK.