WebAppers

/ best free open source web resources /

Shopify

How to Create Minimalist Newsletter Subscription Form

Posted · Category: Forms, License Free

Subtle, minimalist and intuitive UI is what I like most about web design, having the visual part of it in mind. The design is in details. Refine each of them in the context of user experience and you’re almost perfect.

Newsletter subscription form is the detail that can easily get you one step closer to the perfection. There are quite a few things you can do with it, such as floating label, unusual visual approach, etc. But there’s one thing we’ll surely do now: hide the submit button by default and only show it if user enters the correct email address. Here we got Minimalist Newsletter Subscription Form.

minimalist-newsletter-subscription-form-1

Requirements: JavaScript Framework
Demo: http://osvaldas.info/minimalist-newsletter-subscription-form
License: License Free

Showcase of Innovative, Beautiful Dashboard Designs

Posted · Category: Inspiration

Dashboard design is a tricky business. It’s difficult to get right, but I think many of these examples have lots of good things going for them.

The Design Inspiration has brought together a showcase of innovative, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals with data visualization, hopefully this collection will give you some inspiration into how you can show your information in a useful, simple and uncluttered way.

dashboard-design

Source: 25 Innovative Dashboard Concepts and Designs

HTML Table Export jQuery Plugin

Posted · Category: MIT License, Tables

HTML Table Export jQuery Plugin helps user export HTML Table to JSON, XML, PNG, CSV, TXT, SQL, MS-Word, Ms-Excel, Ms-Powerpoint and PDF. You can easily set the font size, separator, export type, margin and etc. It is licensed under MIT License.

export-html-tables

Requirements: jQuery Framework
Demo: http://ngiriraj.com/pages/htmltable_export/demo.php
License: MIT License

Hya.io – Web-Based Digital Audio Workstation

Posted · Category: License Free, Sound

Hya.io is a web-based plugin-based audio application that supports hardware MIDI though Web MIDI, audio synthesis, sequencers, and lots of plugins. You can add plugins to the workspace, connect them to route audio, play, experiment.

Hya supports AMD and ES6 modules. They use a simple JSON object that describes the plugin, and a constructor function. You can bind to the Hya GUI using various events, like handleMouseOver and handleMouseDown.

hya-io

Requirements: JavaScript Framework
Demo: http://app.hya.io/
License: License Free

Medium.com Style Commenting Interface Plugin

Posted · Category: Forms, MIT License

SideComments.js is a UI component to give you Medium.com style comment management on the front-end. It allows users to comment directly on sections of content rather than the boring comment stream on the bottom of the page that we’re so used to.

Note that this component only handles the display / user interface of how your comments are presented. It does not provide any utilities to help manage storing or retrieving your comment data from your server, how you do that is entirely up to you.

side-comments

Requirements: JavaScript Framework
Demo: http://aroc.github.io/side-comments-demo/
License: MIT License

VisualCaptcha – A Configurable Captcha Solution

Posted · Category: Forms, MIT License

visualCaptcha is a configurable captcha solution, focusing on accessibility & simplicity, whilst maintaining security. It also supports mobile, retina devices, and has an innovative accessibility solution. visualCaptcha is now available across multiple backend languages. If you are using JavaScript, Ruby, or PHP, you can use visualCaptcha.

You can now use visualCaptcha as plain JavaScript, as a jQuery plugin, and Angular JS directive, or even build your own integration with your favourite framework. You can use your own pictures or audio as captchas which can be configured through JSON files. There are thousands of websites are already enjoying the benefits of visualCaptcha, with less spam and more customer engagement.

Screen Shot 2014-06-21 at 11.55.07 pm

Requirements: JavaScript Framework
Demo: http://demo.visualcaptcha.net/
License: MIT License

CSV.js – CSV Parsing and Encoding in JavaScript

Posted · Category: License Free, Tools

A comma-separated values (CSV) file stores tabular data (numbers and text) in plain-text form. A CSV file consists of any number of records, separated by line breaks of some kind; each record consists of fields, separated by some other character or string, most commonly a literal comma or tab. CSV.js is a simple, blazing-fast CSV parsing/encoding in JavaScript. Compatible with browsers, AMD, and NodeJS.

csv

Requirements: JavaScript Framework
Demo: https://github.com/knrz/CSV.js
License: License Free

Improve Your PayPal Shopping Cart with Minicart.js

Posted · Category: License Free

Minicart.js is a great way to improve your PayPal shopping cart integration. One simple change and your users will be able to manage their shopping cart directly from your website. Additional APIs provide you the power to customize the behavior to your needs.

The minicart has a JavaScript API for advanced users to customize the behavior. The minicart HTML template and CSS can be fully customized using two different approaches: configuration and custom themes. In both approaches, all functionality from the API is available using Embedded JavaScript Template syntax.

minicart-js

Requirements: JavaScript Framework
Demo: http://minicartjs.com/
License: License Free

Skippr – A Lighter, Faster Slideshow Plugin for jQuery

Posted · Category: Gallery, License Free

Skippr is a super simple slideshow plugin for jQuery. Simply include jquery.skippr.css inside your head tag and jquery.skippr.js just before the closing body tag.

Create a target element with divs inside, one for each slide, and add a background image with css or the style attribute. Skippr targets div tags inside of the selected element with background-images applied to them. Put this target element inside of a container element styled and positioned to your liking. The target element will completely fill it’s parent container element.

skippr

Requirements: jQuery Framework
Demo: http://iamapioneer.com/plugins/skippr/
License: License Free

Create Interactive Stories for Journalists & Designers

Posted · Category: BSD License, Framework

Odyssey.js is an open-source tool that allows you to combine maps, narratives, and other multimedia into a beautiful story. Creating new stories is simple, requiring nothing more than a modern web-browser and an idea. You enhance the narrative and multimedia of your stories using Actions that will let you tell your story in an exciting new way. Use our Templates to control the overall look and feel of your story in beautifully designed layouts.

Experts can also add custom Templates and Actions (e.g. map movements, video and sound control, or the display or new content). The library is open source and freely available to use in your projects.

odyssey

Requirements: -
Demo: http://cartodb.github.io/odyssey.js/
License: BSD 3-clause License

Page 4 of 255«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons