DEV Community

loading...

Instagram Login page UI clone. Can you tell which one is original?

Swastik Yadav
Writing about Full-Stack web development ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป and design. Building โš’๏ธ products in public || Working on 8020 Lessons || Join me on this venture to create something meaningful.
ใƒปUpdated on ใƒป1 min read

Hey Everyone, ๐Ÿ‘‹

The best way to learn to design webpages with CSS is to clone existing websites UI.

I have tried to clone the UI of the instagram login page.

Can you tell which one is original?

Image 1
Alt Text
Image 2
Alt Text

I really enjoyed cloning the Instagram login page and learned a lot.

SO, tell me which one is the original image. And if you would like to see the codebase of my clone, let me know in the comments.


If you want to build such pixel perfect web pages, you will surely love the My Weekly NewsLetter.

Thanks a lot for reading.

Discussion (4)

Collapse
mikeatupside profile image
Mike Lowe • Edited

The second one is the original image... only because of the typo in the first one "Login in with Facebook" ๐Ÿ˜

Collapse
swastikyadav profile image
Swastik Yadav Author

Oh! ๐Ÿคฃ

I didn't even noticed it up untill now. Nice catch and thanks for replying.

Collapse
swastikyadav profile image
Swastik Yadav Author

Oh Wow, The clones that you shared are awesome. Thanks for sharing.

And yes, second one is the original.