Related images from iStock | Save Now arrow-right

116 free interface elements stock PSD templates and mockups

interface elements Photoshop files for personal and commercial use

Simple Progress Bar PSD Template
Simple, smart and lovely progress bar PSD template. That’s a great user interface element that could present the amount of data transmitted to a server or could be used to show the time remaining to launch a new page or service, especially in under construction pages, or any other project that needs a progress tracker. So, download our progress bar template as it will come in handy one time or another! Available in PSD file format, properly grouped and named. And that’s perfect for modifying the shape and editing colors and text. We assure you that when you power the progress bar with cool JavaScript effects, your design project will look smooth and attractive! Preview Fully Layered Progress Bar Template Resolution: 800x621File Format: PSDFonts: HeroFile Size: 120 KBNumber of Items in Set: 1Author: Free PSD Files
clean graphic interface loader

Simple Progress Bar PSD Template

Power Button PSD Template
<h3>Power button PSD template designed in high resolution. That’s a simple and clean switch button made in two states.</h3> <p>Today we present our latest power button PSD template. It is a simple and tiny button that could toggle anything on and off. Moreover, we are releasing this power button PSD for free! Go straight to the download section and grab the power button PSD now!</p> <p>Power buttons have become really popular on all kind of mobile applications. It is an easy and effective way to toggle things on and off. And it is really important for the power buttons to be perfectly recognizable. After all, when you push a button, you need to know exactly what it does, right? So we took the universal power symbol and produced a power button PSD template.</p> <p>Power buttons are useful for mobile and web applications. Put your imagination in action and think of a proper usage of our free PSD file. For example, use the power button PSD for building a music player GUI. You will save time by using our ready-made graphics.</p> <p>The PSD files of the power button are properly organized. It means that all layers are named and grouped. Grouping and naming properly the layers in a PSD file is a kind of a lifesaver for web designers. It saves time and frustration. It is much easier to work with properly organized files. Moreover, the PSD file comes in a super tiny size - just 91 kb!</p> <p><strong>Our power button PSD template is suitable for:</strong></p> <ul><li>Mobile applications.</li> <li>Graphical user interfaces.</li> <li>Web applications.</li> <li>Websites.</li> </ul><p>If you need inspiration on GUI, visit our <a title="CSS Mayo - CSS Gallery" href="http://www.cssmayo.com/" target="_blank">CSS Gallery</a>. You will surely get inspired to create more graphics.</p> <div id="attachment_4608" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4608" title="Power Button PSD Template Preview Big" src="http://static.freepsdfiles.net/uploads/2012/10/Power_Button_PSD_Template_Preview_Big.jpg" alt="Power Button PSD Template Preview Big" width="594" height="687"/><p class="wp-caption-text">Power Button PSD Template Preview Big</p></div> <div id="attachment_4609" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4609" title="Fully Layered Power Button PSD Template" src="http://static.freepsdfiles.net/uploads/2012/10/Fully_Layered_Power_Button_PSD_Template.jpg" alt="Fully Layered Power Button PSD Template" width="594" height="447"/><p class="wp-caption-text">Fully Layered Power Button PSD Template</p></div> <p><strong>Resolution: </strong>1680x1050px<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 0.091 MB<br/><strong>Author: </strong>Free PSD Files</p> <p><strong>Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.</strong> </p>
activating button button gui

Power Button PSD Template

Slider Template Set - 5 Free PSD Files
<h3>Slider template set designed in 5 color styles. Slider templates are always needed for website templates. And to ease you as much as possible, we have created a free PSD set! That’s right, head to the download section and download the slider template set completely free of charge!</h3> <p>Horizontal slider templates designed in 5 different styles. These PSD templates will be useful for all kind of web pages. Generally, slider templates are used to adjust values. That’s a great way to change settings and increase or decrease values. People are used to slider templates. Most of the users nowadays know how to work with them. So don’t worry about the user experience and the usability.</p> <p>We have designed the slider template set to be suitable both for dark and light websites. These PSD templates are clean and clear. That’s perfect for you design related projects. Feel free to use the slider template set on personal and commercial projects.</p> <p>We have properly named and grouped the slider template set. All layers are separated and could be edited with ease. You need just some basic skills in designing. And of course, Adobe Photoshop. So, head to the download section and hit the , u"”": uFree Download” button. You will get all PSD files instantly.</p> <p>Our slider template set could be used on:</p> <ul><li>Website templates.</li> <li>Mobile applications.</li> <li>Newsletters.</li> </ul><p>If you are looking for more creative ideas on web designing and slider templates, you’d better check <a title="CSS Mayo - CSS Gallery" href="http://www.cssmayo.com/" target="_blank">CSS Mayo</a>. You will surely get inspired!</p> <div id="attachment_4504" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4504" src="http://static.freepsdfiles.net/uploads/2012/10/Free_PSD_Slider_Template_Set_Preview_Big.jpg" alt="Free PSD Slider Template Set Preview Big" width="594" height="685"/><p class="wp-caption-text">Free PSD Slider Template Set Preview Big</p></div> <div id="attachment_4514" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4514" src="http://static.freepsdfiles.net/uploads/2012/10/Fully_Layered_Free_PSD_Slider_Template_Set_Preview.jpg" alt="Fully Layered Free PSD Slider Template Set Preview" width="594" height="447"/><p class="wp-caption-text">Fully Layered Free PSD Slider Template Set Preview</p></div> <p><strong>Resolution: </strong>755x551px<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 0.369 MB<br/><strong>Number of Items in Set:</strong> 5<br/><strong>Author: </strong>Free PSD Files</p> <p><strong>Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.</strong> </p>
5 slider templates arrows bar

Slider Template Set - 5 Free PSD Files

Free PSD Blueprint
<p>Free PSD blueprint piece of paper with realistic effects. It`s a fully layered file, so you can start by editing the flat version and then rotate it as you wish using Edit->Transform->Warp in Adobe Photoshop CS4. Can also be used in icon design, website design or mapping architectural drawing, etc.</p> <p><strong>Resolution:</strong> 800×600<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 1 MB<br/><strong>Number of Items in Set:</strong> 1<br/><strong>Author: </strong>Free PSD File </p>
blue blueprint clean

Free PSD Blueprint

3 Retro Badge PSD Templates
<p>3 retro badge PSD templates suitable for web and print uses. For example, place any of these PSD badge templates to a website template, business card, flyer, poster, collage, presentation, etc. We have designed a high quality badge set that will surely add a retro look & feel to your creative projects. Just open the badge templates with Adobe Photoshop and place your own text. You will not have any editing fees at all, because we have used only free fonts here. Don’t worry about editing the badges either, they are all grouped properly and could be edited in no time. However, in order to do that you will need some skills if you are just starting with web designing. So, grab these retro badge templates now, they are clean & attractive and most importantly, they go completely free of charge!</p> <div id="attachment_6001" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-6001" title="3 Retro Badge PSD Templates" src="http://static.freepsdfiles.net/uploads/2012/06/Retro_Badge_PSD_Templates_Preview.jpg" alt="3 Retro Badge PSD Templates" width="594" height="1007"/><p class="wp-caption-text">3 Retro Badge PSD Templates Preview</p></div> <div id="attachment_3715" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-3715" src="http://static.freepsdfiles.net/uploads/2012/06/Fully_Layered_Retro_Badge_Templates.jpg" alt="Fully Layered Retro Badge Templates" width="594" height="629"/><p class="wp-caption-text">Fully Layered Retro Badge Templates</p></div> <p><strong>Resolution: </strong>800x600<br/><strong>File Format:</strong> PSD<br/><strong>Fonts:</strong> Novecento Wide, Deming EP<br/><strong>File Size:</strong> 176 KB<br/><strong>Number of Items in Set:</strong> 3<br/><strong>Author: </strong>Free PSD Files </p>
badge set badges clean

3 Retro Badge PSD Templates

Free PSD Blueprint
<p>Free PSD blueprint piece of paper with realistic effects. It`s a fully layered file, so you can start by editing the flat version and then rotate it as you wish using Edit->Transform->Warp in Adobe Photoshop CS4. Can also be used in icon design, website design or mapping architectural drawing, etc.</p> <p><strong>Resolution:</strong> 800×600<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 1 MB<br/><strong>Number of Items in Set:</strong> 1<br/><strong>Author: </strong>Free PSD File </p>
blue blueprint clean

Free PSD Blueprint

Search Field PSD Collection
<h3>Search Field PSD collection created especially for web designers and developers. We have included 14 different search boxes ready to go on any website template.</h3> <p>Do you know the reason why people go straight to the search field psd box when they open a website? It’s pretty simple. Users just don’t like to navigate. They often need just a small portion of what you’ve got. And the typical user will not spend even a second in examining your website but will rather scan it briefly and head straight to the search area. Well, there’s also a small percentage of people that are lost in your website and will immediately look for the search box. So think of designing and developing a search field for your website but be careful. Add a search field only if your page is content heavy or is about to grow up in the near future.</p> <p>The search user experience is also very important. Be aware that most of the users will leave your website after a couple of unsuccessful search queries. So it’s crucial to optimize your search engine and provide useful information. Moreover, don’t place a search field only on the homepage. All pages need a search bar placed in a prominent place. Take that rule by heart.</p> <p>We know that most of the web designers go too crazy when it comes to designing a custom search field. A search box has to be usable and user friendly. But don’t get us wrong, a proper search field should not look boring. Just keep aside from inappropriate designs and overloaded graphics. We strongly suggest you to take a look at our custom search bars. They are clearly visible and easy to recognize. That’s all you need when your website grows up and a search function is needed.</p> <p>Need creative ideas for designing a custom search field? We’ve got you covered, go on and inspire yourself at our <a title="CSS Mayo - CSS Gallery " href="http://www.cssmayo.com/" target="_blank">css gallery</a> and design a top-notch search bar.</p> <p><strong>Note that if you want to spread the word about our freebie, you need to link back to this post. Links to download page or download archive are not allowed.</strong></p> <div id="attachment_4445" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4445" src="http://static.freepsdfiles.net/uploads/2012/09/Search_Field_PSD_Collection_Preview_Big.jpg" alt="Search Field PSD Collection Preview Big" width="594" height="758"/><p class="wp-caption-text">Search Field PSD Collection Preview Big</p></div> <div id="attachment_4446" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-4446" src="http://static.freepsdfiles.net/uploads/2012/09/Fully_Layered_Search_Field_PSD_Collection.jpg" alt="Fully Layered Search Field PSD Collection" width="594" height="447"/><p class="wp-caption-text">Fully Layered Search Field PSD Collection</p></div> <p><strong>Resolution: </strong>1680x1050px<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 0.508 MB<br/><strong>Number of Items in Set:</strong> 14<br/><strong>Author: </strong>Free PSD Files </p>
buttons clean custom search field

Search Field PSD Collection

Free Web UI Set - Navigations, Buttons, Circles and Ribbons
Awesome free web UI set containing all you need to design a successful website - navigations, buttons, circles and ribbon templates. We’ve created these website elements in vintage style that will surely impress your visitors, friends and family. Don’t worry about editing the web UI set - it’s as easy as pie. We have not flattened the layers and have grouped and named them properly to make the web UI set completely customizable. There are 3 different styles included for the ribbons, navigations, circles and the buttons. Consider downloading these free web UI elements as they will surely come in handy one time or another. Included free web UI elements: 3 navigation templates 6 button templates 3 ribbon templates 3 circle templates Preview Fully Layered PSD Web UI Set - Navigations, Buttons, Circles and Ribbons Resolution: 1667x1331File Format: PSDFile Size: 0.392 MBNumber of Items in Set: 15Author: Free PSD Files
button buttons circles

Free Web UI Set - Navigations, Buttons, Circles and Ribbons

Simple Progress Bar PSD Template
<p>Simple, smart and lovely progress bar PSD template. That’s a great user interface element that could present the amount of data transmitted to a server or could be used to show the time remaining to launch a new page or service, especially in under construction pages, or any other project that needs a progress tracker. So, download our progress bar template as it will come in handy one time or another! Available in PSD file format, properly grouped and named. And that’s perfect for modifying the shape and editing colors and text. We assure you that when you power the progress bar with cool JavaScript effects, your design project will look smooth and attractive!</p> <div id="attachment_3776" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-3776" src="http://static.freepsdfiles.net/uploads/2012/06/Simple_Progress_Bar_Template_Preview_Big.jpg" alt="Simple Progress Bar Template Preview Big" width="594" height="438"/><p class="wp-caption-text">Preview</p></div> <div id="attachment_3777" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-3777" src="http://static.freepsdfiles.net/uploads/2012/06/Fully_Layered_Progress_Bar_Template.jpg" alt="Fully Layered Progress Bar Template" width="594" height="429"/><p class="wp-caption-text">Fully Layered Progress Bar Template</p></div> <p><strong>Resolution: </strong>800x621<br/><strong>File Format:</strong> PSD<br/><strong>Fonts:</strong> <a href="http://fontfabric.com/hero-free-font/" target="_blank">Hero</a><br/><strong>File Size:</strong> 120 KB<br/><strong>Number of Items in Set:</strong> 1<br/><strong>Author: </strong>Free PSD Files </p>
clean graphic interface loader

Simple Progress Bar PSD Template

Realistic Silver Button - 1600 px
<p>You can use this Silver Button for awesome designs, buttons, GUI themes, interfaces, etc..</p> <p>Features:<br /> - 1600x1600 px High Resolution<br /> - Editable layers in Smart Objects<br /> - You can use the button layer as Texture<br /> - Extra: Layer Styles in PSD</p> <p>Request:<br /> - Please write comment here.<br /> - Credit for use is appreciated.<br /> - I would like to see your work.<br /> - You cannot redistribute this stuff or claim as your own!</p> <p>Download & Enjoy!</p>
app button control

Realistic Silver Button - 1600 px

See more
Related images from iStock | Save Now arrow-right