Glass Template [Now Available]

I wasn’t sure whether to release this template because there are so many elements that are just too similar in pretty much any website of this style, but I figured why not?

Last year, many UI designers began to work on a trend known as Glassmorphism. This design is based on the creation of a 3D interface. A glassmorphic design is distinguished by the use of partially transparent “glass panels” on a colorful, blurred background.

Reference: https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9

I became very intrigued by this trend and I decided to devote some time to researching various designs. As a result, my local business now has a newly redesigned Portfolio Website as well as a brand new freelance web design site.

Today I want to share this template, heavy inspired by the work of KingStudio, Gakh Yuriy & Vladyslav Sokur, and Mikołaj Gałęziowski

Glass Template is a modern, sleek website template with translucency effects that are all very prevalent in these other web design projects. It comes with many features to create an exceptional website that will impress your visitors.

Demo: https://isiahjohnson.com/glass

As always, please share your feedback, concerns, and bug fixes in this thread or via email. I do read them and take them all into consideration in perfecting this design. I hope you enjoy it.

Blocs Version: 4.4.2
Bootstrap 5
Custom Code: Yes (WebKit Blur Effect)
jQuery: No

Images: Stock Images provided from Unsplash, Mesh Gradients, and Professional Photographers (Names will be provided on the Components page once finished). Not for Commercial Use.

Logo: Made my Isiah Johnson

5 Likes

Nice template Isiah :grinning:

2 Likes

Very nice work indeed. Love that style.

1 Like

I think it’s template worthy, very nice!

Casey

3 Likes

Hi, can i ask you how you add the blur effect in the nav menu?

Enter and Modify this in your Code Editor > Additional CSS

.[class-name] {
-webkit-backdrop-filter: blur(8px);
backdrop-filter : blur(8px);
}

Should work with Chrome and Safari, but it doesn’t show in Firefox.

thanks a lot! :grinning:

1 Like