WebAppers

/ best free open source web resources /

Shopify

Bonsai.js – An Intuitive Graphics API and SVG Renderer

Posted · Category: Framework, MIT License

Bonsai is a lightweight graphics library with an intuitive graphics API and an SVG renderer. Bonsai’s main features include: Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing and much more…

Screen Shot 2015-07-24 at 11.56.25 pm

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

CSSPlus – Cross Browser Flexbox Layout Scaffolding

Posted · Category: Framework, MIT License

CSS Plus wants to provide a simple and fast way to make flexible layout based on flexbox modeling. This awesome css feature lets you specify a flexible container which the children can also be flexible and re-sized automatically when the size of the container changed. It supports Chrome 14, Internet Explorer 10, Firefox 6, Safari 4, Opera 12.10.

cssplus

Requirements: CSS
Demo: http://hictech.github.io/cssPlusWebsite/
License: MIT License

Lotus – An Open Source Framework for Ruby

Posted · Category: Framework, MIT License

Lotus is Open Source Software, which strives for simplicity, fewer DSLs, minimal conventions, more objects, zero monkey-patching and the separation of concerns between MVC layers. It suggests best practices, but it leaves all the freedom to you, the developer, to build your own architecture, with your own objects. Lotus is made of standalone frameworks (controllers, views, etc.) and each one is shipped as an independent gem to emphasize the separation of concerns.

lotus-framework

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

Image Blur Plugin with 4kb Minified Size

Posted · Category: MIT License, Tools

Image Blur Plugin is an Ultra small plugin (4kb minified, 1.5kb gzipped) for Blurring images. This plugin utilizes SVG filter to blur the image if SVG is supported by the browser (all except IE), otherwise the plugin creates an IMG tag and applies a special IE-only filter in CSS. If you are using Velocity.js animation library, the plugin will automatically detect its presence and make fade in/fade out animations more performant, especially on mobile. If Velocity is not present on the page, jQuery’s “animate” is used.

image-blur-bar

Requirements: JavaScript Framework
Demo: http://msurguy.github.io/background-blur/
License: MIT License

Build Agents that Monitor and Act on Your Behalf

Posted · Category: MIT License, Tools

Huginn is a system for building agents that perform automated tasks for you online. They can read the web, watch for events, and take actions on your behalf. Huginn’s Agents create and consume events, propagating them along a directed graph. Think of it as a hackable Yahoo! Pipes plus IFTTT on your own server. You always know who has your data. You do.

huginn

Requirements: –
Demo: https://github.com/cantino/huginn
License: MIT License

Spectacle – A ReactJS Presentation Library

Posted · Category: Demo Tour, MIT License

Spectacle is a React-powered presentation library. With Spectacle you can write slides with JSX. It supports tags like <Deck>, <Slide>, and there are even layout tags for making text appear in the right place without too much fiddling about with CSS. It even supports a presenter view, so you can see the next side and the current time. If you’re currently addicted to React then this will probably be preferable to messing around in Keynote/PowerPoint/etc.

spectacle

Requirements: ReactJS
Demo: http://projects.formidablelabs.com/spectacle/#/
License: MIT License

Outline – The Clean Responsive CSS Framework

Posted · Category: Framework, MIT License

Outline is a simple CSS starter responsive boilerplate for any new web project, created by Matt Harris. It’s a modular, mobile-first framework which includes todays best practices for responsive design and core components I use on every project. Outline is designed to be a starting point. A solid foundation for your project, leaving the creativity up to you.

outline-framework

Requirements: –
Demo: http://www.outlinecss.co.uk/
License: MIT License

JavaScript Library to Create Physics-based Animations

Posted · Category: Charts, MIT License

Dynamics.js is a JavaScript library to create physics-based animations. Simply include dynamics.js into your page, and then you can animate CSS properties of any DOM element. You also can animate SVG properties. Dynamics.js has its own setTimeout. The reason is that requestAnimationFrame and setTimeout have different behaviors. And any JavaScript object. It has been tested on Safari 7+, Firefox 35+, Chrome 34+, IE10+.

dynamics-js

Requirements: javaScript Framework
Demo: http://dynamicsjs.com/
License: MIT License

Find Image Colors and Create Responsive CSS Gradient

Posted · Category: Color Schemes, MIT License

The delay between HTTP objects being requested/recieved leaves a timeframe where a webpage can look incomplete. Inspired by Soundclouds’s use of random gradients, Gradify can analyse an image for the 4 most common colors and create a gradient (or solid color) to act as a placeholder image. Gradify is a module which finds the most prominent colors in any image, and produces a scalable, responsive CSS gradient. This can provide a less jarring experience as image placeholders.

graident-background

Requirements: –
Demo: http://gradifycss.com/
License: MIT License

Inker – A Front-end Architecture & Delivery Service

Posted · Category: MIT License, Webmail

Inker is an open source front-end architecture & delivery service that will change how you think about one-to-one emails in your company. Inker takes you from coding to sending, keeping it centralized
so that your team stops losing time over emails & can focus on more important things.

Inker keeps your email code clean & gives you the tools to test faster. Free templates for transactional emails (forgot password, receipts, account creation). Inker uses Zurb Ink to provide you with a superior responsive CSS framework: you get all the goodies + a Sass component oriented structure.

inker

Requirements: –
Demo: http://inker.position-absolute.com/
License: MIT License

Page 1 of 68123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons