WebAppers

/ best free open source web resources /

Shopify

Heatmap.js v2.0 – Dynamic Heatmaps for the Web

Posted · Category: License Free, Stats

Heatmap.js makes dynamic heatmaps for the web. This JavaScript library will help you make your 3 dimensional data speak up. Use heatmap.js v2.0 to add new value to your project, build a business based on it, study and visualize user behaviour, and much more.

Heatmap.js v2.0 is the most advanced heatmap visualization library on the web. It has a light footprint (~3kB gzip) and with the new 2.0 release heatmap.js just got faster, with a new rendering module stronger, to handle even more datapoints (40k+), easier to use so you can get up to speed quickly easier to extend for custom functionality.

heatmap-js

Requirements: JavaScript Framework
Demo: http://www.patrick-wied.at/static/heatmapjs/
License: License Free

Create Website for YouTube and Vimeo Automatically

Posted · Category: License Free, Video

Cinematico is a free (open source), simple, elegant, customizable and automatic website solution for your YouTube or Vimeo account, channel or playlist. To get started, download Cinematico, upload to any PHP compatible server and run the setup with no database required. Cinematico will automatically update your site whenever you publish new videos.

It doesn’t take much to run Cinematico on most PHP compatible servers, but here are the specific requirements for your reference: PHP 5.3.6+, compiled with the mcrypt extension. You’ll need mod_rewrite. Although not required to use Cinematico, having the gd library installed will make your install even better.

cinematico

Requirements: PHP Framework
Demo: http://cinemati.co/
License: License Free

Store & Manage Your Passwords with Password Manager

Posted · Category: License Free, Tools

Limitlesslane is a password manager. It stores all your account information and passwords in one secure place, using the highest levels of encryption to ensure that only you have access to it. The reason Limitlesslane is so safe is because you’re the sole key-holder to your master password.

The browser extension is an easy and non-invasive installation. It will only appear on sites that you have linked through your Limitlesslane account, and with your quick click consent will automatically log you in. It enables Limitlesslane to not just serve as a storage for your information, but a time-saving instrument.

password-manager

Requirements: -
Demo: https://webappers.limitlesslane.com/signup
License: License Free

Frame: Quality Mockups for Your Product, Website or App

Posted · Category: License Free, Stock Photos

Frame is a service that enables you to create quick, high quality mockup of your product, website or app. Your uploaded images will be wrapped with real device context. It’s a professional tool for creating promotional materials.

Frame is completely free for personal and commercial use. Their aim is to keep Frame free for general use. They are looking into the possibility of adding additional features for those users who are looking for a little extra, but there’s no immediate plans to start charging for the service.

frame

Requirements: -
Demo: http://frame.lab25.co.uk/
License: License Free

Authentication and Authorization without Passwords

Posted · Category: License Free, Tools

Passwordless is a modern node.js module for express that allows authentication and authorization without passwords by simply sending one-time password (OTPW) tokens via email or other means. It utilizes a very similar mechanism as the reset password feature of classic websites.

It’s faster to implement compared to typical user auth systems. It’s better for your users as they get started with your app quickly and don’t have to remember passwords. And also, it’s more secure for your users avoiding the risks of reused passwords.

passwordless

Requirements: Node.js
Demo: https://passwordless.net/
License: License Free

Find the Name of a Font with Fontface Ninja

Posted · Category: Fonts, License Free

You’re browsing a website and you want to find the name of a font? Here comes the Fontface Ninja. You can easily hide all pictures and commercials. You can now enjoy fonts on a blank background. You can also try or download a font with Fontface Ninja.

fontface-ninja

Requirements: -
Demo: http://fontface.ninja/
License: License Free

Send Anonymous Emails with Leak

Posted · Category: License Free, Webmail

You can just say it, send an anonymous email with Leak. They believe in providing a tool to connect with people on a more candid and personal level. Being anonymous among while staying playful isn’t possible anywhere else. Leak lets you be yourself and share without judgment. From silly nothings to sincere sentiments, speak freely.

Remember, you’re among people you know. The best conversations happen when they’re supportive constructive or ridiculously hilarious. Be considerate of others, even if you can’t be seen behind the mask.

leak

Requirements: -
Demo: http://justleak.it/
License: License Free

How to Create Preloading Effect with CSS, SVG and JS

Posted · Category: Information, License Free

Codrops has showed us how to create a very simple page preloading effect with CSS animations, SVG and JavaScript. For websites, where it’s crucial to load all or part of the assets, these kind of preloader screens can be a creative way to make waiting a bit less boring for the visitor. The idea for this tutorial is to create a beautiful preloading effect.

Initially, the logo and a circular progress element slide up and when the loader finishes its progress animation, i.e. the page assets are loaded, the whole “header” moves up while the page elements are revealed with yet another animation. The sliding logo with its color change makes the icing on the cake.

preloading-effect

Requirements: JavaScript Framework
Demo: http://tympanus.net/Tutorials/PagePreloadingEffect/
License: License Free

How to Create A Really Cool Icons Filling Effect

Posted · Category: License Free, Tools

Sometimes you just want to create something cool. Maybe for one of those pages – about us, our history etc – where you want to come up with something unique to support your brand. Icons Filling Effect can help you design a cool web page with just few icons. It is an eye-catching filling effect for your icons, that can be used to make a simple page look cool and dynamic.

filling-icons

Requirements: JavaScript Framework
Demo: http://codyhouse.co/gem/icons-filling-effect/
License: License Free

Create Keyboard Shortcuts to DOM with DomFlags

Posted · Category: License Free, Tools

DomFlags chrome extension offers a new way to interact with the DevTools. For the first time ever, you can now create keyboard shortcuts to DOM elements.

DomFlags are like bookmarks for navigating the DOM tree. They help you track and navigate to important elements so styling can be a breeze. The extension has auto-inspect features that help you re-engage elements with pinpoint accuracy to speed your DevTools flow.

domflags

Requirements: Chrome Browser
Demo: http://domflags.com/
License: License Free

Page 1 of 95123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons