Extrahiert Design-Tokens — Farben, Zahlen, Schriftgrößen und Strings — aus einem ECharts-Theme-JSON und exportiert sie direkt in Ihr Design-System. Fügen Sie ein Theme-Objekt ein (das per echarts.init(dom, themeName) registriert wird) und das Werkzeug durchläuft jedes Leaf, taggt jede Farbe (optional Named/rgb → hex normalisiert), jeden Abstand, jede Schriftgröße und jeden String und gibt saubere CSS-Variablen, ein Tailwind theme.extend, ein Style Dictionary tokens.json oder SCSS-Variablen aus. Überbrückt die Lücke zwischen einem ECharts-Visualisierungs-Theme und Figma/CSS/Tailwind-Design-Tokens, ohne jeden Wert von Hand zu kopieren.

Design

E-Mail-Signatur-HTML-Generator

Erzeugt eine saubere, kopierfertige HTML-E-Mail-Signatur, die in Gmail, Outlook und Apple Mail korrekt dargestellt wird — mit Avatar/Logo, Social Icons (automatisch aus Ihren Links erkannt), Akzentfarbe, Hell/Dunkel/Auto-Theme und einem tabellenbasierten, E-Mail-sicheren Layout mit Inline-Styles. HTML kopieren und direkt in den Mail-Client einfügen.

Design

Wackel-Stereoskop-Generator

Erstellt Wackel-Stereoskop-GIFs, die einen 3D-Effekt erzeugen, indem schnell zwischen linkem und rechtem Blickpunkt gewechselt wird. Keine 3D-Brille nötig!

Design

Ecken-Wasserzeichen-Tool

Fügen Sie Ecken-Wasserzeichen zu Bildern mit anpassbarer Positionierung, Größe, Transparenz und mehreren Ecken-Optionen hinzu

Design

Diagonales Wasserzeichen-Tool

Fügen Sie diagonale Wasserzeichen zu Bildern mit anpassbarem Winkel, Größe, Transparenz und Positionierung entlang der Diagonalen hinzu

Design

Bild-Wasserzeichen-Tool

Fügen Sie Bild-Wasserzeichen zu Bildern mit anpassbarer Position, Größe, Transparenz und Rotation hinzu

Design

Wasserzeichen-Opazität-Tool

Fügen Sie Wasserzeichen mit benutzerdefinierter Opazität zu Bildern hinzu, unterstützt Text- und Bildwasserzeichen mit erweiterten Opazitätskontrollen