WebAppers

/ best free open source web resources /

Shopify

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

Immutable.js – Immutable Collections for JavaScript

Posted · Category: BSD License, Tools

Immutable data cannot be changed once created, leading to much simpler application development, no defensive copying, and enabling advanced memoization and change detection techniques with simple logic. Persistent data presents a mutative API which does not update the data in-place, but instead always yields new updated data.

Immutable.js provides Persistent Immutable List, Stack, Map, OrderedMap, Set, OrderedSet and Record. They are highly efficient on modern JavaScript VMs by using structural sharing via hash maps tries and vector tries as popularized by Clojure and Scala, minimizing the need to copy or cache data.

Immutable also provides a lazy Seq, allowing efficient chaining of collection methods like map and filter without creating intermediate representations. Create some Seq with Range and Repeat.

immutable

Requirements: -
Demo: http://facebook.github.io/immutable-js/
License: BSD License

Free Download: Apple Watch UI Kit

Posted · Category: License Free

TheDesignBlog has created an Apple Watch UI Kit. It is a flat UI Kit that has most of the elements that you would find in the soon to be Apple Watch. The UI Kit is currently in red, however you can change this to any colour you wish.

In this kit, you can find 4 watch views, one with a plain strap, one with a custom strap, a side view and an angled view. There are also a large selection of elements and dotted and dashed boxes with multiple arrow heads as well.

iwatch-illustration

Requirements: -
Demo: http://thedesignblog.co/apple-watch-ui-kit/
License: License Free

FormatJS – Internationalize Your Web Applications

Posted · Category: Calendar, License Free

FormatJS is a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people. It includes a set of core libraries that build on the JavaScript Intl built-ins and industry-wide i18n standards, plus a set of integrations for common template and component libraries.

FormatJS has been tested in all the major browsers on both desktop and mobile devices. Careful attention has been applied to make sure the libraries work in ES3 browsers all the way down to IE 6. For many web apps rendering happens on the server, so they made sure FormatJS works perfectly in Node.js. This allows developers to use FormatJS on both the server and client-side of their apps.

format-js

Requirements: JavaScript Framework
Demo: http://formatjs.io/
License: License Free

Slide-in Content Filter Powered by CSS and jQuery

Posted · Category: License Free, Menu

A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.

Building this kind of features is never easy: filters highly depend on the website content; besides a filter panel shouldn’t be distracting, the main focus should be the content/products. Hence, Codyhouse tried to simplify a bit your life by building an easy-to-customize and easy-to-integrate CSS Content Filter panel for you. It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed.

content-filter

Requirements: CSS
Demo: http://codyhouse.co/gem/content-filter/
License: License Free

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

Face++ Real-time Face Recognition API

Posted · Category: Capture, License Free

Face++ is a new vision platform built by Megvii Inc. aiming at providing compact, powerful, and cross-platform vision service. Face++ uses the cutting-edge technology of computer vision and data mining to provide 3 core vision services (Detection, Recognition, and Analysis).

With the service and huge database of celebrity from Face++, the developers can apply the face technology into their own websites, mobile Apps, and smart TVs, increasing incredible user experience. There is no limit on the times of API requests. However, there is a limit on the number of concurrent API requests.

face-detection

Requirements: -
Demo: http://www.faceplusplus.com/
License: License Free

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

Type Connection – A Typographic Dating Game

Posted · Category: Fonts, Tools

Type Connection is a game that helps you learn how to pair typefaces. Start by choosing a typeface to pair. Like a conventional dating website, Type Connection presents you with potential “dates” for each main character—without the misleading profile photos and commitment-phobes.

The game features well-known, workhorse typefaces and portrays each as a character searching for love. You are the matchmaker. You decide what kind of match to look for by choosing among several strategies for combining typefaces. Along the way, you explore typographic terminology, type history, and more. By playing Type Connection, you deepen your own connection with type.

type-connection

Requirements: -
Demo: http://www.typeconnection.com/
License: License Free

Page 1 of 271123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons