WebAppers

/ best free open source web resources /

Shopify

Free Download: Mac OS X Yosemite UI PSD Template

Posted · Category: License Free, PS Tutorials

Stack contains the best Mac OS X Yosemite UI PSD Template. Pixel perfect elements designed to help designers and developers craft great Mac OS X Yosemite application designs. Every single layer is scalable and can be easily implemented into your mock ups.

Stack has been carefully fine tuned for you. Impress your clients, investors and colleagues by utilizing this toolbox. *Obviously Yosemite is in beta and is subject to change. They will be updating this PSD periodically.

You can get Stack for FREE with just an email address. Just name your price $0 – *Payment is optional and NOT required.

stack

Requirements: Photoshop
Demo: http://34orange.com/
License: License Free

Card.js – Better Credit Card Form in One Line of Code

Posted · Category: eCommerce, Forms, MIT License

Card.js is a better credit card form in one line of code. It will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

ard ships with pure-CSS cards for Mastercard, Visa, Discover, and American Express. Feel free to use, modify, and distribute this library as much as you’d like under the MIT license.

card-js

Requirements: JavaScript Framework
Demo: http://jessepollak.github.io/card/
License: MIT License

RandomColor.js – Random Color Generator for JavaScript

Posted · Category: Color Schemes, MIT License

There are lots of clever one-liners for generating random colors. Unfortunately, They usually produces lots of greys and browns and murky greens.

RandomColor generates attractive colors by default. More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art. RandomColor is a color generator for JavaScript.

similar-colors

Requirements: JavaScript Framework
Demo: http://llllll.li/randomColor/
License: MIT License

Fort.js – Modern Progress Bar for Form Completion

Posted · Category: Forms, MIT License

Fort.js is a modern progress bar for form completion. All you do is add the form and Fort.js algorithm will take care of the rest. Best of all, it super small.

Using Fort.js is so simple, it’s simple. All you do is insert fort.min.js and fort.min.css into the <head> then pop in an <input> into <div>. Anything outside of the <div> won’t count. Yep, that’s all there is to it. Fort.js does the rest.

fort-js

Requirements: JavaScript Framework
Demo: http://colourity.github.io/sections/
License: MIT License

How to Create Adaptive Placeholders with CSS

Posted · Category: Forms, License Free

Danny King has designed an interactive placeholder thing for his forms and wrote it entirely in CSS. He has shared how he designed that placeholder and how it manages to adapt to user input.

Before he came up with the Adaptive Placeholder, it was just using a normal one. he liked the simplicity of using a placeholder as a label. It actually made a pretty crappy interaction for the user though. A user would type and the text disappeared. The person who enters a value first isn’t always the same person who sees it later. To solve this problem he tried making the placeholder persist through the typing.

palceholder

Requirements: CSS
Demo: http://blog.circleci.com/adaptive-placeholders/
License: License Free

Shine.js – A Library for Pretty Shadows

Posted · Category: Fonts, MIT License

Shine.js is a library for pretty shadows. You can set dynamic light positions, Customizable shadows. And there is no library dependencies, AMD compatible. It works in browsers that support textShadow or boxShadow and auto-prefixes if necessary.

shine-js

Requirements: JavaScript Framework
Demo: http://bigspaceship.github.io/shine.js/
License: MIT License

Easy to Use Responsive Tables with Complex Data

Posted · Category: GPL License, MIT License, Tables

RWD Table Patterns is an experimental awesome solution for responsive tables with complex data. It’s a fork based on Filament Group’s repo with a more complete solutions and some new features.

It’s built with mobile first and progressive enhancement in mind. In browsers without JavaScript, the tables will still be scrollable. And there’s still some responsiveness. You only need to add one JS-file, one CSS-file and some minimal setup to make the tables responsive.

responsive-tables

Requirements: JavaScript Framework
Demo: http://gergeo.se/RWD-Table-Patterns/
License: GPL, MIT License

Free Download: 220 Line Icons in PSD Format

Posted · Category: Icons, License Free

Catalin Fertu is an Interface Designer. He has shared a nice set of 220 line icons in PSD format. You can use them as you wish. All the icons are royalty free for personal and commercial use.

new-icons

Requirements: -
Demo: https://dribbble.com/shots/1563947-Free-Icon-Set
License: License Free

Find Daily Colorful Inspiration with The Day’s Color

Posted · Category: Color Schemes, License Free

Everything you see contains a palette. Some beautiful. Some ‘ugly’. Some dark. Some light. Some hot. Some cold. But they are all inspiring. They are all engaging. Color can adjust our perception. It can effect the way our food tastes. It can increase the emotional and intuitive level of an experience.

The goal of The Day’s Color is to find colorful inspiration from things that surround us. These colors have inspired thought, art, music, memories. Everything. These colors have conjured thoughts outside ourselves. Tapped into things that we may not understand, at first. But, in a sense, make things so much clearer.

the-days-color

Requirements: -
Demo: http://www.thedayscolor.com/
License: License Free

Griddify – Photoshop Panel to Make Guides & Grids

Posted · Category: GPL License, PS Tutorials

Griddify is a tiny Photoshop Panel to make Guides and Grids. Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop.

Make sure you have Adobe Extension Manager installed. Download Griddify, and install using Adobe Extension Manager. Once installed, open your Photoshop CC. You can find the panel in the “Window” menu, under “Extensions”. Best of all, Griddify is free and open-source.

griddify

Requirements: Photoshop CS 6+
Demo: http://gelobi.org/griddify/
License: GPL v3 License

Page 5 of 54«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons