user profile image

Pure CSS mobile phone, based on iphone X mockup. Everything is made byc CSS, no svg, no base64


  1. congratulations it is awesome! I really want to watch this in a live coding video. good work!

  2. thanks for this - i forked it for the inspiration of what you can do with CSS and a lot of creativity. Well done!

  3. lol, wizard

  4. Wow great job on this!

  5. nuda

  6. This is awesome. I forked this and replaced the display with an iframe to see if it would work: https://codepen.io/bjankord/pen/gzBoWp

  7. Incredible lol

  8. That's beautiful

  9. Awesome work, Grzegorz. Astonishing css skills. I did another fork, small change over the @bjankord iframe test. Basically, blocking pointer events on reflection divs, so you can actually navigate in the iframed page.


  10. Sensational, fabulous work with the styling!

  11. At first I was like ... "What has he done...", until I realized that you designed this entire phone in CSS. Chapeau! Great work bud!!

  12. wow this is really insane! Looks like real!

  13. @unpezvivo Try to open your pen on the mobile of your pen and so on ! infinite mirror ! :D:D:D

  14. This is incredible!

  15. this is nuts

  16. Es incredible, mi amigo! Muy bien!

  17. This is almost unbelievable. WELL DONE!! Focus on this and you can start a business

  18. please can you make live coding or tutorial how to make such a realistic shadow effects. with css. are you using any special tool ?

  19. realy I was shocked

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.