Neumorphismus im Webdesign

Neumorphism CSS generator

Neumorphism is a trend in web design that has been around since about the early 2020s, and in my opinion, it hasn’t died out. An online tool helps you to use this trend for your web design.

What is neumorphism?

Neumorphism is a design trend that is a combination of skeumorphisums (mimicking natural design – leaning towards 3D styles) and flat design (which was mainly pushed by Google’s „Material Design“ and apple’s iOS 7 a few years ago).

In web design, the Neumorphism style uses natural play of shadows and light to create a real-looking, yet „flat“-like appearance.

Neumorphismus im Webdesign

Online tool and CSS generator

With the online tool www.neumorphism.io you can use the neumorphism on an element to adjust various settings such as the position of the light and shadow, as well as the curves and cloudiness of the element.

Neumorphism css generator

The CSS code generated from this can simply be copied and used in your website.


Do you use neumorphism on your website? Then leave a link to it in the comments!

Schreibe einen Kommentar

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

Weitere Artikel

Webflow vs. WordPress: Der ewige Machtkampf unter Webdesignern – und was wirklich zählt

Kaum ein Thema spaltet die Webdesign-Community so sehr wie die Frage: Webflow oder WordPress?Fast jedes Mal, wenn ich durch LinkedIn oder Instagram scrolle, stolpere ich …

Mein Parallel-Leben: Webdesign und Motorsport – Wie sich diese zwei Welten ergänzen

Viele kennen mich auf social media und hier von meinem Blog nur von der einen Seite meines Lebens: Ich bin Webdesigner, Inhaber meiner eigenen Agentur …