WebAppers

/ best free open source web resources /

Shopify

Lazyr.js – A Small Library for Lazy Loading Images

Posted · Category: MIT License, Tools

Lazyr.js is a small, fast, modern, and dependency-free library for lazy loading images. Lazy loading boosts page speed by deferring the loading of images until they’re in (or near) the viewport. This library makes it completely painless – maximizing speed by keeping options to a minimum.

The scroll event has been debounced to minimize the weight on the browser, and images are revealed within rAF to ensure optimal rendering. For each image, put a placeholder in the src attribute, the regular image in the data-layzr attribute, and the retina image in the data-layzr-retina attribute.

layzr-js

Requirements: JavaScript
Demo: http://callmecavs.github.io/layzr.js/
License: MIT License

Grav – A Crazy Fast Modern Flat-File CMS

Posted · Category: Framework, MIT License

Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principals to other flat-file CMS platforms, but has a different design philosophy than most. Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.

The underlying architecture of Grav has been designed to use well-established and best-in-class technologies, where applicable, to ensure that Grav is simple to use and easy to extend.

grav

Requirements: –
Demo: http://getgrav.org/
License: MIT License

Simple Autocomplete Widget with Zero Dependencies

Posted · Category: Forms, MIT License

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. You can simply add awesomplete for it to be automatically processed (you can still specify many options via HTML attributes) Otherwise you can instantiate with a few lines of JS code, which allow for more customization. Awesomplete is released under the MIT License.

awesomplete

Requirements: JavaScript Framework
Demo: http://leaverou.github.io/awesomplete/
License: MIT License

Primer – CSS Toolkit and Guidelines that Power GitHub

Posted · Category: Framework, MIT License

Primer is the CSS toolkit that powers GitHub’s front-end design. It’s purposefully limited to common components to provide our developers with the most flexibility, and to keep GitHub uniquely GitHubby. It’s built with SCSS and available via Bower, so it’s easy to include all or part of it within your own project.

It is available for use under the MIT license and built with open source projects like SCSS, Jekyll, Grunt, and more. It includes a small Gruntfile for compiling SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats.

primer

Requirements: –
Demo: http://primercss.io/
License: MIT License

Restive.js – Make Website Responsive or Adaptive Easily

Posted · Category: MIT License, Tools

Restive.js is a jQuery Plugin that helps you quickly and easily add features to your Web Site to enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Management, and Orientation Management, Restive.js will give your Web site an uncanny ability to stay robust in the face of a constantly changing device landscape.

restive-js

Requirements: jQuery Framework
Demo: http://restivejs.com/
License: MIT License

Dom Animator – Animations within the Dom in JavaScript

Posted · Category: Code, MIT License

Dom Animator is a nifty JavaScript library, used to show small ascii animations within comments in your dom. It’s a little easter egg for anyone inspecting your code. Nothing more, nothing less.

It is a stand alone library (no jQuery, or the likes) so usage is pretty straight forward. You won’t need any CSS, or HTML… just JavaScript. (since the animations live in comment nodes, in the dom, only)

Screen Shot 2015-03-25 at 5.35.16 pm

Requirements: JavaScript Framework
Demo: http://tholman.com/dom-animator/
License: MIT License

Purple – UI Kit for All of Heroku’s Digital Properties

Posted · Category: Framework, MIT License

Purple is a UI kit for all of Heroku’s digital properties. Purple provides guidelines for the aesthetic, function and form of user interfaces to provide a consistent experience for our customers. This is a living document and is under constant interation. They are not releasing a Bootstrap clone, they are simply creating documentation for their own design standards.

Screen Shot 2015-03-23 at 12.17.23 am

Requirements: –
Demo: http://purple.herokuapp.com/
License: MIT License

Slideout.js – Touch Slideout Navigation Menu for Web Apps

Posted · Category: Menu, MIT License

Slideout.js is a touch slideout navigation menu for your mobile web apps. it’s dependency-free with simple markup. It supports native scrolling. You can easily customize it as you wish. It supports different CSS transforms & transitions. Best of all, it’s just 4 Kb.

slideout-js

Requirements: –
Demo: https://mango.github.io/slideout/
License: MIT License

Securely Share Data with Open Source Sharelock

Posted · Category: MIT License, Upload

Sharelock is an open source web service hosted at https://sharelock.io. It lets you simply and securely share secret information with people you trust. You can also host your own version of Sharelock since the server and the apps are all open source.

The Sharelock service controls signing and encryption keys that protect your secret data. If you want to be in control of signing and encryption keys, you must host your own version of the Sharelock service. The apps have support to change the endpoint you hit.

secure-share-data

Requirements: –
Demo: https://sharelock.io/
License: MIT License

AnimatedModal.js – Fullscreen Modal with CSS3 Transitions

Posted · Category: MIT License, Popup

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions by animate.css or create your own transitions by yourself. It supports Firefox, Chrome, Safari, Opera and IE 10+. It is licensed under MIT License.

animated-modal

Requirements: jQuery Framework
Demo: http://joaopereirawd.github.io/animatedModal.js/
License: MIT License

Page 1 of 66123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons