WebAppers

/ best free open source web resources /

Shopify

Grid List – 2D Resizable and Responsive List of Items

Posted · Category: Tools

GridList is a drag and drop library for a two-dimensional resizable and responsive list of items. An agnostic GridList class that manages the two-dimensional positions from a list of items within a virtual matrix. A jQuery plugin built on top of the GridList class that translates the generic items positions into responsive DOM elements with drag and drop capabilities.

Please note that the current implementation is for a horizontal grid. This means that the number of rows is configurable, whereas columns extend dynamically, based on the number, size and position of items placed inside the grid.

grid-list

Requirements: jQuery Framework
Demo: http://ubervu.github.io/grid/
License: Apache 2.0 License

Copy Text to Clipboard using Zero Clipboard

Posted · Category: MIT License, Tools

The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. The “Zero” signifies that the library is invisible and the user interface is left entirely up to you.

This library is fully compatible with Flash Player 10.0.0 and above, which requires that the clipboard copy operation be initiated by a user click event inside the Flash movie. This is achieved by automatically floating the invisible movie on top of a DOM element of your choice. Works in IE7+ and all of the evergreen browsers.

zero-clipboard

Requirements: Flash and JavaScript Enabled
Demo: http://zeroclipboard.org/
License: MIT License

Building Isometric Pixel Objects with Obelisk.js

Posted · Category: MIT License, Tools

Obelisk.js is a JavaScript Engine for building isometric pixel objects. With the simple and flexible API provided by this engine, you can easily add isometric pixel element like brick, cube, pyramid onto HTML5 canvas.

Obelisk.js strictly follows the pixel neat pattern: lines with 1:2 pixel dot arrangement, leading to an angle of 22.6 degrees. Also you should know this is not only for game, just try it out and pixelate something. Have fun.

bricks

Requirements: JavaScript Framework
Demo: https://github.com/nosir/obelisk.js
License: MIT License

ShareDrop – HTML5 Clone of Apple AirDrop Service

Posted · Category: MIT License, Tools

ShareDrop is HTML5 clone of Apple AirDrop service. It allows you to transfer files directly between devices, without having to upload them to any server first. It uses WebRTC for secure peer-to-peer file transfer and Firebase for presence management and WebRTC signaling.

At the moment ShareDrop allows you to send files only to other devices in the same local network, i.e. devices with the same public IP address.

The main difference between ShareDrop and AirDrop is that ShareDrop requires internet connection to find devices, while AirDrop doesn’t need one – it creates ad-hoc wireless network between them. On the other hand, ShareDrop allows you to send files between mobile (Android) and desktop devices. At the moment, it supports Chrome (desktop and mobile) 33+ and Opera 20+.

share-drop

Requirements: -
Demo: https://www.sharedrop.io/
License: MIT License

A Google Analytics Plugin for Measuring Page Scrolling

Posted · Category: GPL License, MIT License, Tools

Scroll Depth is a small Google Analytics plugin that allows you to measure how far down the page your users are scrolling. It monitors the 25%, 50%, 75%, and 100% scroll points, sending a Google Analytics Event at each one.

You can also track when specific elements on the page are scrolled into view. On a blog, for example, you could send a Scroll Depth event whenever the user reaches the end of a post. The plugin supports Universal Analytics, Classic Google Analytics, and Google Tag Manager.

scroll-depth

Requirements: -
Demo: http://scrolldepth.parsnip.io/
License: MIT, GPL License

Invoice Ninja – Open Source Intuitive Invoicing Tool

Posted · Category: License Free, Tools

Most online invoicing sites are expensive. They shouldn’t be. The aim of Invoice Ninja is to provide a free, open-source alternative for invoicing. Additionally, the hope is this codebase will serve as a sample site for Laravel as well as other JavaScript technologies.

Invoicing with no monthly fee. Free, now and forever! Quality invoicing to build your business and get paid. Create beautiful email-ready. PDF invoices created instantly as you type. The ‘Save & send’ feature saves you time and impresses clients. PayPal? Authorize.Net? Stripe? They support many payment technologies.

invoice-ninja

Requirements: -
Demo: https://github.com/hillelcoren/invoice-ninja
License: License Free

Scout Realtime – Better “Top” for Modern Developer

Posted · Category: MIT License, Tools

Scout Realtime is a better top command: it gives you disk, memory, network, CPU, and process metrics. And it gives you smooth-flowing charts for everything. Troubleshooting is so much easier when you can see a few minutes worth of realtime data instead of watching individual numbers flash on your terminal window.

You need Ruby 1.9.3+ on your server to run scout_realtime. And you need a public IP or domain name to view scout_realtime in your browser.

scout-realtime

Requirements: Ruby 1.9.3+
Demo: http://scoutapp.github.io/scout_realtime/
License: MIT License

Animated Filtering & Sorting with MixItUp jQuery Plugin

Posted · Category: CC License, Tools

MixItUp is a jQuery plugin providing animated filtering and sorting. It is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.

MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts. Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem.

mix-it-up

Requirements: jQuery framework
Demo: https://mixitup.kunkalabs.com/
License: Creative Commons License

Gremlins.js Simulates Random User Actions

Posted · Category: MIT License, Tools

Gremlins.js is a monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.

Gremlins.js simulates random user actions: gremlins click anywhere in the window, enter random data in forms, or move the mouse over elements that don’t expect it. Their goal: triggering JavaScript errors, or making the application fail. If gremlins can’t break an application, congrats! The application is robust enough to be released to real users.

track-users

Requirements: Javascript framework
Demo: https://github.com/marmelab/gremlins.js
License: MIT License

Free Download: Smarter Wireframe and UI Kit

Posted · Category: License Free, Tools

Normal wireframes provides limited insight or vision, and clients didn’t understand them. As a result, ideas were lost, and a gap was forming in the earliest stages of the project. What C.Rowe thought were clear wireframes, were just boxes. He’s realizing that some clients need visual cues to help them interpret this bare bones approach to organizing content. Here we got C.Rowe Wireframe and UI Kit.

Using C.Rowe Wireframe and UI Kit has not only bridged some gaps for the client, but it has allowed us to start testing interfaces earlier and at a faster rate. So if you’re digging this kit and want to start using it, then download and get going.

wireframes-ui-kit

Requirements: -
Demo: http://theycallmecrowe.com/advice/crowe-wireframekit.html
License: License Free

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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons