I tried making this reflective UI using HTML CSS and Javascript

Have you ever seen a website with a reflective user interface?

Recently, I decided to take on the challenge of creating a reflective UI using only these three technologies: HTML, CSS and JavaScript. And after some experimentation and tweaking, I'm happy to share my results with you all.

you can check it out at: https://demo-gg.vercel.app/

Also it you like it please follow me on Twitter: @gitrevert

Naman Vyas ☕

@gitrevert

I tried making this reflective UI ✨
it was fun building. I hope you'll enjoy it.

inspired by — @jsngr & @alexwidua

#webdevelopment

10:50 AM - 07 Mar 2023

Comments

[Ben Halpern]

Fascinating, really cool experiment.

Since I gave you camera access, could you see me testing it out from your end? J/k 😅

[Naman vyas]

Not now 😂, but nice idea, i will add this functionality soon

[Calin Baenen]

You should change "reflective" to "transparent" or "see-through", it's only a reflection if it's from the frontfacing camera.

Anyways, neat idea; keep up the great work.

[Naman vyas]

It was a fun project, created in 1hour so i didn't think of it much

[Naman vyas]

😂😂, you can take my words

[Lukeluke98]

I love these programming languages.

[Naman vyas]

ohh man 😅, sorry, updating rn, i used HTML CSS and JavaScript only

[Bradley Ashton]

Sadly it doesn’t work for me. (iPhone XS, iOS 16.3.1).