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
Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs. with Colorify.js, you can extract the dominant color from an image, generate gradients based on the images colors, isolate colors and manipulates them everywhere in the page, create a Lazy-revealer system for your images, and you can load image dynamically.
Requirements: –
Demo: http://colorify.rocks/
License: License Free
Cards, Invitations and all other prints with rounded corners also deserve a solid mockup! That’s why Hype Your Prints has created simple yet powerful tool to let you show your rounded goods in style in seconds. They’ve made it as simple to use as possible:
- place your card in seconds thanks to Smart Object (and you don’t have to worry about the corner radius because it’s trimmed automatically)
- change wooden background colour with one click (and it still looks superrealistic)
- replace the background with your own
- freely move and/or rotate your card on the scene
Holiday Card Mockup size is 5×7 in. inside 1800×1200 px Photoshop Document.
Requirements: Photoshop
Demo: https://pixelbuddha.net/freebie/congratulations-card-mockup-free-download
License: License Free
After many months in development, TinyMCE are also proud to unveil a brand new website and logo for TinyMCE! Most importantly they have developed a whole new documentation section of the website with hundreds of improvements to the content, examples and navigation.
TinyMCE 4.3 includes important improvements to the stability and usability of read-only content in TinyMCE. These improvements to the editor core have enabled us to bring you a new code snippet plugin, new live media previews as well as enhancements to image and table functionality. The updates in 4.3 should also help developers building new plugins for TinyMCE.
Requirements: –
Demo: https://www.tinymce.com/
License: LGPL License
