WebAppers

/ best free open source web resources /

Graphic Resources

SuperPlaceHolder.js – Bring Your Input Placeholders to Life

Posted · Category: CC License, Forms

SuperPlaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder. It is less than 1KB minified & gzipped. Superplaceholder.js supports AMD and commonJS module pattern out of the box. It works best on latest versions of Google Chrome, Firefox and Safari and Chrome mobile. For all non-supported browsers, the library will graceful degradate without any explicit handling in your code.

super-placeholder

Requirements: –
Demo: http://kushagragour.in/lab/superplaceholderjs/
License: Creative Commons License

Open Foundry – Curated Fonts in Most Cleat & Dynamic Way

Posted · Category: Fonts, License Free

Open Foundry — The ‘open’ stands for open-source, free and easily available. The word ‘foundry’ is taken from the ‘type foundry’ and suggests professional quality and industrial heritage. Their solution is to offer a carefully curated number of fonts in the most clear and dynamic way possible. Instead of overwhelming the user, Open Foundry provides enough interest and excitement to encourage further exploration. All fonts are distributed under an open-source license and are free to use. Every font provides you with a source button to its open-source hosted project, a direct download and the site where it was initially found or published.

font-foundary

Requirements: –
Demo: http://open-foundry.com/
License: License Free

1,000 Vector Mini Icons Free for Download

Posted · Category: Icons, License Free

Minimalistic design never goes out of style. These icons will look great with clean and minimal web designs. All of them are monochromatic, you can put different colors, create your own letterpress and different effects. Mini Icons are now free for download. Over 1,000 of them are vector icons, they are completely scalable, and can be used widely in your user interface, package labels, sticker, mobile apps, and more.

mini-icons

Requirements: –
Demo: http://thesquid.ink/mini-icons/
License: License Free

List.js – Add Search, Sort, Filters and Flexibility to Anything

Posted · Category: Tables

List.js is tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. It works both lists, tables and almost anything else. E.g. <div>, <ul>, <table>, etc.  It is released under MIT License.

list-js

Requirements: JavaScript Framework
Demo: http://www.listjs.com/
License: MIT License

How to Create Icon Animations with Mo.js

Posted · Category: Icons, License Free

Maybe you’ve already stumbled across mo.js, a very powerful motion graphics library for the web made by Oleg Solomka. You can do tons of awesome things with it and today we’d like to share our take on some icon animations using the library. It would be really great to be able to animate icons easily to look like Twitter’s heart animation. Codrops has shared some Icon Animations with us. The icons that we are animating are actions where it makes sense to have an active state, like for example the “favorite”, “like” or “upvote”. Although, theoretically, you could apply these kind of effects to anything, it really feels more sensible for these kind of actions.

Animocons_Featured

Requirements: –
Demo: http://tympanus.net/Development/Animocons/
License: License Free

Pexels – Free Stock Photos with API Available

Posted · Category: CC License, Stock Photos

Pexels started a year ago and has since evolved to a huge database with a lot of amazing free stock photos. To grow Pexels even further they had recently rewrote the whole application and released Pexels 3.0. You can like photos to save them for later and to motivate the photographer. You can upload your own photos to Pexels. And also, there is API available now. Pexels is one of the best sources for high quality stocks. This new version makes it easier to find and download images.

pexels

Requirements: –
Demo: https://www.pexels.com/
License: Creative Commons License

Free Download: A Minimal Mobile Chat UI Kit

Posted · Category: License Free, PS Tutorials

Chat is a a minimal mobile UI kit from InVision. Immerse users in minimal, thoughtful designs using Chat’s free iOS app templates, tablet templates, and web templates—available for Sketch and Photoshop. With 60 design templates, 12 categories, and 80 UI components for web, tablet, and mobile, the creative possibilities are endless. Within Chat, you’ll find completely customizable, scalable vector shapes. The high-resolution, retina-ready components are designed to delight, and the grid system keeps everything organized.

chat-u-kit

Requirements: –
Demo: http://www.invisionapp.com/chat
License: License Free

A Clone of Medium.com Inline Editor Toolbar

Posted · Category: Forms, MIT License

Medium Editor is a clone of medium.com inline editor toolbar. It uses contenteditable API to implement a rich text solution. MediumEditor has been written using vanilla JavaScript, no additional frameworks required. View the MediumEditor Options documentation on all the various options for MediumEditor.

medium-editor

Requirements: –
Demo: https://yabwe.github.io/medium-editor/
License: MIT License

Comprehensive App Icon Templates for Everything

Posted · Category: BSD License, Icons

The Bjango App Icon Templates are a comprehensive set of app icon templates for Photoshop, Illustrator, Sketch, and Affinity Designer. The templates cover Android, iOS, OS X, Apple TV (tvOS), Apple Watch (watchOS), Windows, Windows Phone and web favicons. Where possible, they’re set up to automate exporting final production assets. All free and open source, released under the BSD license.

templates-hero

Requirements: –
Demo: https://bjango.com/designresources/
License: BSD License

Placemat – Some Pretty Nice Placeholder Nouns for Sites

Posted · Category: CC License, Stock Photos

Placemat got some pretty nice placeholder nouns for your site. The three current endpoints are https://placem.at/people, https://placem.at/places, and https://placem.at/things. Any one of those will actually give you a valid image back on its own, but you probably want to do something a little bit fancier. The good news is that all three endpoints accept the same parameters, so there’s not too much to remember. Everything is controlled via a few simple query string parameters: width, height, text, text color, overlay color, overlay blend mode and etc…

placemat

Requirements: –
Demo: https://placem.at/
License: Creative Commons 2.0 License

Page 4 of 63«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons