This Website
Published on April 11, 2025
I have recently become fascinated with glassmorphic UI design, like the one on VisionOS and rumored to arrive to IOS 19. My previous website was a simple google site that was quick to make and, more importantly, free. It was functional, yet bland.
I wanted to create a website that truly represented my personality as a creative and tech enthusiast. Therefore, I chose a new tech stack, that I was previously unfamiliar with, based on the astro framework to push myself to create something stunning.
Check out the source code on Github!
I used the following pinterest post as inspiration for my UI design. I learned along the way that the best way to get this look is to have bright and high-contrast shapes in the background. Otherwise it will look like your "glass" elements are simply static gradients. Other than that, having a blur effect on each element and adding opacity is the simplest way to achieve this beautiful effect