Neumorphismus im Webdesign

Neumorphismus CSS Generator

Neumorphismus ist ein Trend im Webdesign, der seit etwa Anfang 2020 besteht und meiner Meinung nach nicht ausgestorben ist. Ein Online-Tool hilft dir, diesen Trend für dein Webdesign einzusetzen.

Was ist Neumorphismus?

Neumorphismus ist ein Design-Trend der aus einer Kombination aus Skeumorphisums (Nachahmung von natürlichem Design – angelehnt an 3D-Stile) und Flat-Design (welches vor allem durch Googles „Material Design“ vor einigen Jahren gepusht wurde).

Im Webdesign wird im Neumorphism-Stil großteils mit natürlichem Spiel von Schatten und Licht eine real wirkende, aber dennoch „flat“-angelehnte Optik erzeugt.

Neumorphismus im Webdesign

Online-Tool und CSS-Generator

Mit dem Online-Tool www.neumorphism.io lässt sich mit dem Neumorphismus an einem Element verschiedene Einstellungen wie der Position des Lichts und Schatten, sowie auch die Rundungen und Wolbung des Elements einstellen kann.

Neumorphism css generator

Der daraus generierte CSS-Code kann einfach kopiert und in seiner Webseite verwendet werden.


Verwendest du Neumorphismus auf deiner Webseite? Dann lass doch einen Link dorthin in den Kommentaren da!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Artikel

Webseiten mit Lovable per Prompt erstellen und in Elementor verwenden

Stell dir vor: Du schreibst einen kurzen Text auf, beschreibst deine Vision – und innerhalb von Minuten hast du eine vollständig designte, responsive Webseite mit …

Abschied aus Bangkok – Mit einem lachenden und einem weinenden Auge

Ich sitze gerade am Flughafen und kann’s irgendwie noch gar nicht richtig glauben, wie schnell diese knapp ersten zwei Monate meiner Reise vergangen sind und …