Twitter GUI Photoshop PSD Template

September 24th, 2012

Twitter just rolled out a new profile design that allows you to add your own header banner. However, it’s hard to tell what looks best without fidgeting with it. To make it easier on you, I’ve updated my Twitter PSD Photoshop template to the new design.

The profile images in the template utilize smart objects to make it easier to update all of the images in the template at once. The name/username’s in the tweets also utilize smart objects. Double-click to edit, then edit the contents and it will update all of the smart objects synced with it.

This template was built closely to Twitter’s current layout as of September 20th, 2012. Download the template below. Please share the PSD with others.

You should Follow @ShelbyWhite on Twitter. Enjoy!

Twitter UI Photoshop PSD (2.5 MB) | Version 1.0 Last updated on September 23th, 2012

Download File
Posted by on 09/24/12 in Design, Downloads, Photoshop

23 COMMENTS   »  Leave your Comment

  1. @joelrodelo says:

    Really helpful! :)

  2. Michael says:

    pretty fresh.

  3. universal says:

    Thanks, good work.

  4. David says:

    Thanks for the file!

  5. mitch says:


  6. This is a fantastic resource. Thanks for so generously sharing it, Shelby!

  7. Dan says:

    Been looking for one of these PSDs for ages — Top mock up tool!

  8. Tom Lewek says:

    Such a great resource, thanks! The last one came in handy on a few client projects.

    Is it a certain lightbox wp plugin you’re using? The image popup interaction is really slick.

  9. Tom Lewek says:

    Realized that’s a totally unrelated question, just curious.

  10. Shelby White says:

    @Tom The image viewer is called “FancyBox”.

  11. Tom Lewek says:

    Thanks Shelby, Keep up the awesome work!

  12. Tony says:

    You have one awkward profile pic…

  13. Rakhmad says:


    It what i was looking for.

    Thank you!


  14. Tom says:

    Awesome! Just what I was looking for, thanks for sharing it!

  15. Candiss says:

    Great resource for twitter, just what I was looking for.


  16. Rania says:

    Thanks :)

  17. Jacob says:

    If you’re going to release something like this make sure to use masks. Thanks, but thanks.

  18. Angie says:

    Thank you very much! SO useful ;-)

  19. Saju Mathew says:

    It was really useful, we have used this template, thanks for sharing this.

  20. Nice twitter UI design set, thanks

  21. Neha says:

    Thank you very much!

  22. Web Design says:

    We’re a gaggle of volunteers and opening a whole new structure inside our neighborhood. Your web site supplied us by using valuable information in order to work upon. You have carried out a remarkable course of action as well as all of our entire neighborhood is often happy to you.

  23. Google says:

    Great post.

    Feel free to surf to my blog: Google

Leave a Response