WebAppers

/ best free open source web resources /

Shopify

Drag and Drop jQuery File Uploader with Progress Bar

Posted · Category: GPL License, MIT License, Upload

jQuery File Uploader is a jQuery plugin to drag and drop files, including ajax upload and progress bar. The idea for this plugin is to keep it very simple; unlike other options/plugins that mess up a lot with the markup and provide some really ‘hacky’ ways to make it available for prehistoric browsers.

The focus will be for modern browsers, but also providing a method to know when is the plugin is not supported; with an easy interface to use on any design you come up. Dual licensed under the MIT and GPL licenses.

jquery-drag-drop-files

Requirements: jQuery frameworks
Demo: http://danielm.herokuapp.com/demos/dnd/image-preview.php
License: MIT, GPL License

30+ Impressive Pure CSS Hover Effects Collection

Posted · Category: MIT License, Tooltips

iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3. It’s built with Scss CSS (file included), easy modification with variables. There is Modular code, no need to include the entire file.

There are over 30+ hover effects in one pack. And it’s well documented. iHover is pretty easy to use. All you need to do is to write some HTML markup. You just need to include the CSS file and you are ready to go.

ihover

Requirements: CSS
Demo: http://gudh.github.io/ihover/dist/index.html
License: MIT License

Let’s Chat – Self-Hosted Chat App with File Uploads

Posted · Category: Chat, MIT License

Let’s Chat is a self-hosted chat app for small teams. It supports Persistent messages, Multiple rooms, New message alerts, Mentions (hey @you), Image embeds, Code pasting, File uploads, SSL/TLS and more. It is licensed under MIT License.

lets-chat

Requirements: NodeJS and Mongo
Demo: https://github.com/sdelements/lets-chat
License: MIT License

Slate – Modern IRC Client Built with Node.js

Posted · Category: Chat, MIT License

Slate is a single day hack project that was intended to be a kickstarter, however the developer ran out of time so now it’s a partially-implemented IRC client. He had pretty lofty goals but unfortunately there’s not enough time to go around, there are still many features missing, and it’s not quite in a usable state, but with some community interest and love maybe it will get there some day.

It’s a clean, minimalistic IRC client, completely extensible through plugins. Ideally most of the core is written using such plugins. The entire thing should be themable, and the default theme should be programmer-friendly, and you can see chat logs.

slate

Requirements: -
Demo: https://github.com/slate/slate
License: MIT License

PNotify – JavaScript Notifications for Bootstrap or jQuery UI

Posted · Category: GPL License, LGPL License, Popup

PNotify is a JavaScript notification plugin, developed by SciActive. Formerly known as Pines Notify. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. It can provide non-blocking notices. This allows the user to click elements behind the notice without even having to dismiss it.

PNotify uses either Bootstrap or jQuery UI for styling, which means it is fully and easily themeable. Try out some of the readymade themes using the selector in the top right corner of this page. It works in all major browsers and provides a consistent interface. It is tested thoroughly for consistency.

p-notify

Requirements: JavaScript Framework
Demo: http://sciactive.com/pnotify/
License: GPL, LGPL, and MPL License

Tilted Content Slideshow with 3D Effect

Posted · Category: Gallery, License Free

The FWA landing page has a really nice content slider that plays with 3D perspective on screenshots and animates them in an interesting way. Today Codrops would like to recreate part of that effect and make a simple content slideshow with some fancy 3D animations.

Codrops has shared a tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations. Please note that we’ll be using CSS 3D Transforms and CSS Animations which might not work in older or mobile browsers.

tilted-content-slideshow

Requirements: CSS3
Demo: http://tympanus.net/Tutorials/TiltedContentSlideshow/
License: License Free

Responsive Modal Windows with Hash Tracking

Posted · Category: MIT License, Popup

Remodal is a flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking. All modern browsers are supported. You can easily define the background container for the modal(for effects like a blur).

remodal

Requirements: Javascript framework
Demo: http://vodkabears.github.io/remodal/
License: MIT License

Croppic – Open Source Image Cropping jQuery Plugin

Posted · Category: Capture, License Free

Croppic is an image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality. It works in IE 10+, chrome, and firefox. It uses FormData so there is no IE9 and prev versions support at the moment.

jquery-crop

Requirements: jQuery Framework
Demo: http://www.croppic.net/
License: License Free

Clippy.js: Microsoft Agent (Clippy & Friends) in JavaScript

Posted · Category: Demo Tour, MIT License

Clippy.js adds Clippy or his friends to any website for instant nostalgia. It is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website.

Agents are composed of multiple sets of animations. However, unlike your Saturday morning cartoon, the animation is not linear. For example, while Links the cat is idle, behind the scenes a coin is flipped, and 10% of the time Links will turn about in boredom, or scratch behind his ears.

clippy-js

Requirements: JavaScript Framework
Demo: https://github.com/smore-inc/clippy.js
License: MIT License

Generate Screenshots for Responsive Websites

Posted · Category: Capture, MIT License

Pageres is a command-line tool for generating screenshots in different resolutions for websites. Pageres is focus on sizes: you could script it to generate screenshots of responsive websites. The command-line options allow you to specify many dimensions at once, so it’s easy to generate results for a responsive site.

pageres

Requirements: PhantomJS
Demo: https://github.com/sindresorhus/pageres
License: MIT License

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons