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.
Requirements: –
Demo: http://kushagragour.in/lab/superplaceholderjs/
License: Creative Commons License
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.
Requirements: –
Demo: http://open-foundry.com/
License: 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.
Requirements: –
Demo: http://thesquid.ink/mini-icons/
License: License Free
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.
Requirements: JavaScript Framework
Demo: http://www.listjs.com/
License: MIT License
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.
Requirements: –
Demo: http://tympanus.net/Development/Animocons/
License: License Free
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.
Requirements: –
Demo: https://www.pexels.com/
License: Creative Commons License
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.
Requirements: –
Demo: http://www.invisionapp.com/chat
License: License Free
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.
Requirements: –
Demo: https://yabwe.github.io/medium-editor/
License: MIT License
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.
Requirements: –
Demo: https://bjango.com/designresources/
License: BSD License
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…
Requirements: –
Demo: https://placem.at/
License: Creative Commons 2.0 License
