20 CSS Glassmorphic Design Examples

One of the most popular and exciting UI trends of 2022 is glassmorphic design. Glassmorphic design is the use of partially transparent “glass panels” on a blurred background. This visual addition has made its way into designs paired with vibrant gradient backgrounds to spotlight and highlight certain objects. So here in this post I’ve collected some examples of glassmorphic design created using CSS and Javascript for inspiration incorporating Glassmorphism in your designs.

25 CSS Neomorphic UI Design Examples

Neumorphic UI design has gone viral over the past few months. It is being hailed all over the internet as one of the biggest digital design trends of 2020. Neumorphism blends techniques from Skeuomorphism and flat design. Just like Skeoumorphism, it is a realism style which imitates real objects and creates a 3D representation of them in the digital environment. Neumorphism is a style that’s worth exploring. It is sleek, detailed and it is truly interesting to create a design with. It is definitely a breath of fresh air from the flat design and all other styles and trends. So in this post I’ve gathered some examples for creating Neumorphic interface elements using CSS.