WebAppers

/ best free open source web resources /

Shopify

Inbox – A New Email App from Google

Posted · Category: License Free, Webmail

Google has introduced a new email app, from the same team that builds Gmail, but intended as something completely different from Gmail. Inbox is an app that built on everything they learned from Gmail, Inbox is a fresh start that goes beyond email to help you get back to what matters.

Inbox automatically categorizes your incoming messages into “Bundles,” which are broken out into things like Travel, Purchases, and Social. You can also create your own Bundles from tags, or by grouping messages into Bundles. The app’s still in the invite stage, and Google says the first round of invites are already out in the world.

google-inbox-app

Requirements: -
Demo: http://www.google.com/inbox/
License: License Free

BeeFree Makes it Easy to Create an Email Message

Posted · Category: License Free, Webmail

BeeFree makes it easy to create an email message that can be used to send a company newsletter, announce a new product, promote a sale, etc. It’s free to use: you don’t even need to create an account of any kind.

You can use BeeFree to create an email message using its innovative, easy-to-use features. You can then preview the message to see how it will likely look in your email client, send a test to yourself, download the HTML source code so that you can use it in another application, or use it in an email campaign by signing up for a MailUp account.

bee-free

Requirements: -
Demo: https://beefree.io
License: License Free

Create Free and Trendy Icon Sets with FreeIconMaker

Posted · Category: Icons, License Free

While designing a website or a web application, you can’t deny the importance of web design tools that help to simplify your tasks and complete your project on time.

FreeIconMaker.com is the first free online icon maker that allows you to create your own templates and share them with others. In this article we will create a set of simple yet trendy flat-style icons using this online icon editor without any Photoshop or Illustrator skills. Enjoy!

image004

Read the rest of this entry »

Free Download: iOS 8 GUI PSD (iPhone 6)

Posted · Category: License Free, PS Tutorials

teehan+lax has just released iOS 8 GUI PSD (iPhone 6). The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools.

The PSD is a well organized, labeled and layered PSD full of editable shape layers. Most people find it useful for mocking up apps. Others use it to concept ideas or create custom interface elements that work harmoniously with those native to iOS.

ios8-iphone6

Requirements: Photoshop
Demo: http://www.teehanlax.com/tools/iphone/
License: License Free

PerfMap – A Front-end Performance Heatmap

Posted · Category: License Free, Stats

PerfMap is a front-end performance heatmap. It’s a bookmarklet to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API. A browser with support for the Resource Timing API is required.

The heatmap colours and the first ms value indicate at what point in the page load the image finished loading. It’s a good indicator of user experience… “It took 3450ms before the user saw this image.” The second value in brackets is the time it took the browser to load that specific image.

heat-map

Requirements: JavaScript Bookmarklet
Demo: https://github.com/zeman/perfmap
License: License Free

Ready to Use SVG Icons from Dribbble

Posted · Category: Icons, License Free

Baptiste Briel is a 20 years old front end developer & designer from Nantes, France. He has created a set of Ready to use SVG icons for the web. All those icons are from free Dribbble ressources with the original link so you could download them. Simply click on the icon, and then you can copy & paste the HTML code.

svg-icons

Requirements: -
Demo: http://bbriel.me/svgicons/
License: License Free

Pictura – Find Flickr Images Directly in Photoshop

Posted · Category: License Free, PS Tutorials

Pictura is a Photoshop plugin to instantly find and apply any image on Flickr directly in Photoshop. No more distractions or manual image downloads. Locate and instantly use any image on Flickr, all without leaving your design environment. Looking for images without copyrights? You can use the filter to view images that you can use for free even commercially.

pictura

Requirements: Photoshop
Demo: http://pictura.madebysource.com/
License: License Free

Free Download: Vector UI Kit for iOS 8

Posted · Category: License Free, PS Tutorials

Apple’s UI changes from iOS 7 to iOS 8 are often subtle, yet incredibly extensive. Spacing, positioning, and font sizes and weights were liberally tweaked and adjusted. To our surprise, almost every icon was redrawn as well. Even the lowly chevron and back arrow were reworked.

Mercury has released free vector UI kit for iOS 8. This file is compatible with Adobe Illustrator CC and newer. They’ve focused on making this file pixel-perfect. Everything is on a pixel, when possible, so that all assets are sharp and clean. They have also grouped like elements together so that it’s easy for you to grab an asset and drag it to your file or do isolated editing.

free-ios-8-ui-kit

Requirements: Photoshop
Demo: http://mercury.io/blog/ios-8-illustrator-vector-ui-kit-update
License: License Free

Create 360° Interactive Image Rotator with Rollerblade.js

Posted · Category: Gallery, License Free

With Rollerblade, you can easily give your webpage visitors a great 360° viewing experience with your products, images, or anything else you can think of. Rollerblade targets a container element with an image element inside that has the class of “rollerblade-img”. Make the src of the image the path to the first image in your rotator.

Rollerblade.js works on desktops, tablets, and smartphones (touch enabled). For all mobile devices, the rollerblade rotator will be activated when a user slides their finger from left to right. Image preloading is used to cache the images from your array to make sure the rotator performs as fast as possible. Rollerblade.js works well in IE9+.

rollerblade-js

Requirements: JavaScript Framework
Demo: http://www.iamapioneer.com/plugins/rollerblade/
License: License Free

Official iPhone 6 Plus and Apple Product Images

Posted · Category: License Free, PS Tutorials

Apple has released iPhone 6 and iPhone 6 Plus a couple of days ago. There are thousands of developers around the world have helped make the App Store a success. Apple has created some guidelines so developers can benefit from the Apple identity and contribute to its strength. They have released a set of official apple product images.

To display your app on Apple products, use the product images provided. Vertical and horizontal images are provided for each approved product color. Overlapping product images are provided for presentation of multiple Apple products on a single layout. The screen on the Apple product is blank so that you can display your app in the screen area.

apple-images

Requirements: -
Demo: https://developer.apple.com//app-store/marketing/guidelines/#images
License: License Free

Page 1 of 97123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons