HertzUI banner

HertzUI

Created by: Ahnaf
2 devlogs
2h 46m 1s

A simple and easy-to-use glassmorphism generation site.

Best efforts has been shown to replicate the UI of popular glass morphism design similar to that of apple's glassy UI. I have searched multiple sites for references and tried to bring th…

A simple and easy-to-use glassmorphism generation site.

Best efforts has been shown to replicate the UI of popular glass morphism design similar to that of apple’s glassy UI. I have searched multiple sites for references and tried to bring the best glassy feel close to that of the apple, and fyi not even AIs can replicate this well, so I took bits of info from here and there and combined it all.

This project uses AI

Claude used for some JS workings and bug fixing.

Demo Repository

README

Loading README...
Ahnaf
Ahnaf shipped HertzUI
about 3 hours ago

Shipped this project!

This is the first ship, as we are approaching the end of flavortown this is my last project. It seems like a short n easy project but actually the time spent on surfing the net for finding the elements to build this thing was quite time consuming, One might ask why not make the use of AI here, well the answer is AI wasnt able to replicate the glassy feel at all, when I did pre test before making the project most of the time, AIs would just mix translucency, blur and some shadows to call it a glass but it did not even come close. So I hope who ever needs the code to build the UI elements that require to be as close as to the apple’s glass UI, this the perfect project for you…
TY <3

Ahnaf
Ahnaf worked on HertzUI
about 3 hours ago
2h 46m logged

Heres the fully finished project, about spending more than 4 hrs (searching+coding) heres the final work, Ive tested everything and provided a simple UI for ease of use and here are the list of things done:

  • Added options box
  • Added output boxes
  • Created div box, button and input area
  • Added effects inside the options.
Attachment
0