WebAppers

/ best free open source web resources /

Shopify

Intercooler.js – Making AJAX As Simple As Anchor Tags

Posted · Category: Framework, MIT License

With intercooler you can add AJAX to your application without using client-side models, routing, validation, rendering, factories or dependency injection. In fact, you don’t need to write any javascript at all.

Intercooler is a natural extension of HTML: simple attributes with a familiar syntax are all that is required to add AJAX requests to your application. Intercooler does use javascript to communicate with a server, but the events triggering the requests are described with HTML attributes (or are simply implied) rather than with imperative javascript.

Rather than expecting a JSON response from the server, intercooler expects HTML. This HTML is then loaded into the DOM directly. This is in contrast with Javascript MVC frameworks such as Ember.js or Angular.js, which typically use JSON as a data transport and have much more involved client-side binding and rendering.

intercooler-js

Requirements: JavaScript Framework
Demo: http://intercoolerjs.org/
License: MIT License

SpaceBase – Sass-based Responsive CSS Framework

Posted · Category: Framework, MIT License

SpaceBase is a Sass-based responsive CSS framework. Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace.

spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application. SpaceBase is meant to be copied into your project for further modifications. The SCSS files in scss/base/ are usually not modified much, but the files in scss/ui/ are meant to be completely tailored to your project.

spacebase

Requirements: Sass CSS Framework
Demo: http://spacebase.space150.com/
License: MIT License

Matter.js – A 2D Physics Engine for the Web

Posted · Category: Framework, MIT License

Matter.js is a JavaScript 2D rigid body physics engine for the web. The Matter.Engine module contains methods for creating and manipulating engines. An engine is a controller that manages updating and rendering the simulation of the world. Matter.js is currently only alpha status, meaning the API is still in development and may change occasionally. The library is reasonably stable as-is, but it is not yet feature complete.

matter-js

Requirements: JavaScript Framework
Demo: http://brm.io/matter-js-demo/
License: MIT License

Responsive Frontend Framework for Material Design

Posted · Category: Framework, MIT License

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google’s goal is to develop a system of design that allows for a unified user experience across all their products on any platform.

Materialize is a modern responsive front-end framework based on Material Design. They did most of the heavy lifting for you to provide a default stylings that incorporate your custom components. Additionally, they refined animations and transitions to provide a smoother experience for developers.

materializecss

Requirements: Google Material Design
Demo: http://materializecss.com/
License: MIT License

Blockrain.js – Classic Tetris Game in HTML5 & Javascript

Posted · Category: MIT License

Blockrain.js is a tetris game in HTML5 + Javascript with autoplay. Just copy and paste a bit of code and you’ll be good to go. Best of all, it’s responsive, no matter how wide or narrow your display is, you’ll always be able to play. You can also customize it as you want. Change the colors to fit your site. Adjust how fast the blocks are falling to make it more difficult. Add the scoreboard or not. That’s your decision.

blockrain

Requirements: JavaScript and HTML 5
Demo: http://aerolab.github.io/blockrain.js/
License: MIT License

Hyhyhy – Pure & Professional Presentations in HTML5

Posted · Category: Demo Tour, MIT License

Hyhyhy is a tool for creating nice looking HTML5 presentations. It comes with a broad range of features: Markdown, Nested slides, Math typesetting, Compatibility, Syntax highlighter, Javascript API, Convenient skeleton. It supports Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11.

hyhyhy

Requirements: HTML5
Demo: http://maciejczyzewski.me/hyhyhy/
License: MIT License

6to5 – The Next Generation JavaScript

Posted · Category: Framework, MIT License

ECMAScript 6 is the upcoming version of the ECMAScript standard. This standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now. 6to5 turns ES6+ code into vanilla ES5, so you can use next generation features today.

6to5 has plugins for all of your favorite build systems. Check out the official plugins for Gulp, Grunt, Browserify, Webpack, Brocolli, and many more. Using either the CLI or require hook, you can easily setup 6to5 to work with your Node.js app. Module authors can also easily precompile their assets before publishing to npm.

6to5

Requirements: -
Demo: https://6to5.org/
License: MIT License

jQuery Mapael – Display Dynamic Vector Maps

Posted · Category: Maps, MIT License

jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. For example, with Mapael, you can display a map of the world with clickable countries. You can also build simple dataviz by setting some parameters in order to automatically set a color depending on a value to each area of your map and display the associated legend.

Moreover, you can plot cities on the map with circles, squares or images by their latitude and longitude. Many more options are available, read the documentation in order to get a complete overview of mapael abilities. As Raphaël, Mapael supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

jquery-map

Requirements: Raphael.js
Demo: http://www.vincentbroute.fr/mapael/
License: MIT License

Responsive Dashboard Templates for Bootstrap

Posted · Category: Charts, MIT License

Building an analytics dashboard? Don’t start from scratch. Grab one of Keen IO Bootstrap-based Dashboards Templates and admire your data in minutes. You can create an attractive, custom analytics dashboard that’s ready to be shown to your team or your customers. No hours lost tweaking CSS or testing responsiveness on eight different mobile devices.

dashboards-templates

Requirements: Bootstrap Framework
Demo: http://keen.github.io/dashboards/
License: MIT License

Snabbt.js – Minimalistic Animation Library in JavaScript

Posted · Category: Framework, MIT License

Snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

Snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering.

snabbt

Requirements: JavaScript Framework
Demo: http://daniel-lundin.github.io/snabbt.js/cards.html
License: MIT License

Page 1 of 64123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons