DEV Community

Cover image for I tried making this reflective UI using HTML CSS and Javascript
Naman vyas
Naman vyas

Posted on

9 6 4

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.

Image description

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

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

Top comments (8)

Collapse
 
ben profile image
Ben Halpern β€’

Fascinating, really cool experiment.

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

Collapse
 
namanvyas profile image
Naman vyas β€’

Not now πŸ˜‚, but nice idea, i will add this functionality soon

Collapse
 
calinzbaenen profile image
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.

Collapse
 
namanvyas profile image
Naman vyas β€’

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

Collapse
 
namanvyas profile image
Naman vyas β€’

πŸ˜‚πŸ˜‚, you can take my words

Collapse
 
lukeluke98 profile image
Lukeluke98 β€’

I love these programming languages.

Collapse
 
namanvyas profile image
Naman vyas β€’

ohh man πŸ˜…, sorry, updating rn, i used HTML CSS and JavaScript only

Collapse
 
brrradley profile image
Bradley Ashton β€’

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

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay