WebAppers

/ best free open source web resources /

Graphic Resources

How to Create an Elastic SVG Progress Loading Bar

Posted · Category: License Free, Upload

Codrops has published a tutorial of how to create an elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax. The button starts as an icon with an arrow and once it’s clicked, it animates into a fun little wire and a label that indicates the download percentage. If you would like to use this loader in your project, go to the Github page and follow the instructions.

dribbble

Requirements: –
Demo: http://tympanus.net/Development/ElasticProgress/
License: License Free

Vectr – Free Design App for Web + Desktop

Posted · Category: License Free, Tools

Vectr is a Free Design App For Web + Desktop. Today, Vectr’s desktop apps require an internet connection, but eventually Vectr’s desktop apps will be updated to run fully offline just like any other desktop app. There is Live Exports support, link your website’s graphics to Vectr documents, then update them forever without touching code. Just insert a Vectr document with an <img> tag, adding .svg, .jpg, or .png to the Vectr document’s url.

You can also Share Vectr document urls for quick visual feedback – anyone with the link will see your changes in real-time. Annotate an image, mock something up, or share a high-fidelity designs with others – no more email attachments. Don’t let Vectr’s simple interface fool you. Vectr is pro-calibre design software – but without the learning curve.

vectr

Requirements: –
Demo: https://vectr.com/
License: License Free

Modernizr 3: A New Release and Website

Posted · Category: MIT License, Tools

Modernizr has redesigned and built the site from the ground up to give the website a refresh as well as make the builder a whole lot more powerful for beginners and advanced users. From just creating a simple build to grabbing a config, to implementing in your build process, through to a really cool solution of dynamically creating a custom package that can be installed via bower. The internal structure of Modernizr has been completely revamped, making it easier to contribute to and easier to customize/extend Modernizr’s licensing has changed: they have moved from a BSD license to MIT.

modernizr

Requirements: –
Demo: https://modernizr.com/
License: MIT License

Lattice – Running Containerized Workloads on a Cluster

Posted · Category: Framework

Lattice is an open source project for running containerized workloads on a cluster. Lattice bundles up http load-balancing, a cluster scheduler, log aggregation/streaming and health management into an easy-to-deploy and easy-to-use package. The scheduler balances the allocation of container process resources across the infrastructure. The algorithm uses a distributed auction model based on the resource availability of the hosts and the current placement of your containers.

Lattice aspires to make clustering containers easy. Lattice includes a cluster scheduler, http load balancing, log aggregation and health management. Lattice containers can be long running or temporary tasks which get dynamically scaled and balanced across a cluster. Lattice packages components from Cloud Foundry to provide a cloud native platform for individual developers and small teams.

lattice

Requirements: –
Demo: http://lattice.cf/
License: See License Agreenment

Notion – Beautiful. Lightweight. Always organized.

Posted · Category: License Free, Tools

Notion is an expressive and collaborative document editor that gives your ideas a place to grow. Beautiful. Lightweight. Always organized. You can create from an assortment of building blocks: to-dos, files, videos, code snippets, and more. Notion helps you work the way you think.

Tired of messy folders? They have also invented a new and intuitive way to organize: just drop one page inside another. Let your ideas grow organically. You can share your work with anyone with Notion as well. See what others are doing on your page. It’s like having your collaborators in the same room with you.

reimagined

Requirements: –
Demo: http://early-access.notion.so/
License: License Free

How to Create Material Design Ripple Effects with SVG

Posted · Category: Buttons, License Free

Codrops has written an in-depth tutorial on how to build the ripple effect outlined under Google Material Design’s Radial Action specification and combine it with the powers of SVG and GreenSock.

With the advent of Google’s Material Design came a visual language that set out to create a unified experience across platforms and devices. Google’s examples depicted through their Animation section of the Material Guidelines has become so identifiable in the wild that many have come to know these interactions as part of the Google brand. In this tutorial, they are going to show you one way of building the ripple effect specifically outlined under Radial Action of the Google Material Design specification by combining it with the powers of SVG and GreenSock.

ripple-effect

Requirements: SVG and GreenSock
Demo: http://tympanus.net/Tutorials/SVGRipples/
License: License Free

Let People Buy Your Products within other Mobile Apps

Posted · Category: eCommerce, License Free

Stripe has launched Relay, an API for stores to publish their products, and for apps to read them. Relay makes it easier for developers to build great mobile e-commerce experiences, and for stores to participate in them.

Relay powered by a few new objects in the Stripe API: Products, SKUs (product variants), and Orders. Stores can provide product information to Stripe via the dashboard, the API, or by linking their existing e-commerce systems. SAP Hybris (used by stores like Levi’s, Oakley, and Ted Baker) is the first e-commerce integration we’re announcing, but expect more to come later.

For stores, you can use Relay to enable instant purchases in third-party mobile apps: one of our launch partners, Twitter, is using Relay to enable anyone to start selling within tweets. Or you can submit your products to be shown in a growing number of apps like ShopStyle and Spring.

stripe-relay

Requirements: Stripe
Demo: https://stripe.com/relay
License: License Free

HTML Color Codes – Powerful Set of Free Color Tools

Posted · Category: Color Schemes, License Free

HTML Color Codes is a powerful set of free color tools, including a color picker, color charts and names, tutorials, and resources. You can easily find that perfect color with our color picker and discover beautiful color harmonies, tints, shades and tones; input Hex color codes, RGB and HSL values, and generate HTML, CSS and SCSS styles. Can’t remember all 140 HTML color names? They’ve got you covered, check out our guide for a quick reference of all the HTML color names grouped by color as well.

colors

Requirements: –
Demo: http://htmlcolorcodes.com/
License: License Free

Jets.js – A Native CSS Search Engine

Posted · Category: MIT License, Tools

Imagine a situation – your HTML markup renders at backend side, it contains some list of data. At one point you need to implement search by this list. It can be easily achieved by using Jets.js with a browser’s native search speed.

The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only <style> tag and browser will decide which item of list to show or hide. Since it’s just CSS – Jets.js may be applied to any tag, whether it’s a table or UL, OL, DIV… Jets.js is a native CSS Search Engine.

css-search-engine

Requirements: JavaScript Framework
Demo: http://nexts.github.io/Jets.js/
License: MIT License

Telepat – Real Time, Open Source Data Sync Backend Stack

Posted · Category: Tools

Telepat is an open-source backend stack, designed to deliver information and information updates in real-time to clients, while allowing for flexible deployment and simple scaling. Telepat empowers modern apps for the real-time age.

Classic Web APIs deliver on-demand, static information snapshots to clients. Data soon gets outdated, and cannot be synced between multiple clients. Instead of working with data snapshots that get stale, Telepat pushes all new information from the central node to all subscribed devices, instantly.

telepat

Requirements: –
Demo: http://telepat.io/
License: Apache License

Page 31 of 319...«272829303132333435»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons