WebAppers

/ best free open source web resources /

Shopify

A Clone of Medium.com Inline Editor Toolbar

Posted · Category: Forms, MIT License

Medium Editor is a clone of medium.com inline editor toolbar. It uses contenteditable API to implement a rich text solution. MediumEditor has been written using vanilla JavaScript, no additional frameworks required. View the MediumEditor Options documentation on all the various options for MediumEditor.

medium-editor

Requirements: –
Demo: https://yabwe.github.io/medium-editor/
License: MIT License

Philter – Control CSS Filters with HTML Attributes

Posted · Category: Gallery, MIT License

Philter provides an easy way for almost anyone to post-process their content in the web. Using Philter is as easy as writing an attribute in HTML. Philter also supports hover effects. This nice effect of grayscale transition was created by Philter with one simple attribute. And some drop shadow, of course.

Have you ever wanted to apply some filters but they didn’t work as you expected? Have you ever wondered why there’s no particular filter? Well, Philter has you covered. Check out their custom filters! There ain’t much of these filters yet but further on they will be introducing more and more of them.

philter

Requirements: –
Demo: http://specro.github.io/Philter/
License: MIT License

Feature.js – Light­weight Browser Feature Detec­tion Library

Posted · Category: MIT License, Tools

Feature.js is a fast, simple and light­weight browser feature detec­tion library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automati­cally initia­lizes itself on page load, so you don’t have to. It doesn’t, however, run any tests while ini­tia­lizing, so it will only ever run them when you ask it to. This makes it perform very fast.

With Feature.js, it’s simple to build progres­sively enhanced expe­riences that use feature detection to determine if a code can be execu­ted in the user’s browser. It is licensed under MIT license.

feature-js

Requirements: JavaScript Framekwork
Demo: http://featurejs.com/
License: MIT License

Protip – jQuery Tooltip Plugin for Any Situation

Posted · Category: MIT License, Tooltips

Protip is yet another jQuery tooltip plugin for any situation. It’s not so lightweight but it doesn’t intends to be. We needed a solution which can fit into every scenario we face with. It supports 49 position, Live refresh of tooltip options, Live element checking, Gravity, DOM targets, Placements, Click activated and sticky tooltips, Custom HTML content, Interactive tooltips, In/Out delays, Auto-hide, Icon support, Skins, sizes, schemes, Animations support, Mixins, Custom event callbacks and UMD Support.

protip

Requirements: jQuery Framekwork
Demo: http://protip.rocks/
License: MIT License

Build Your UI Toolkit with Fabricator

Posted · Category: Framework, MIT License

You can build your UI Toolkit with Fabricator. Fabricator is built on Node.js, a platform for building fast, scalable network applications. There are pre-built installers for each platform. You can also install with Homebrew via brew install node. You can organize your design system the way you want. Components, Structures, Elements, Atoms, Molecules, whatever – the taxonomy is up to you.

Generate a style guide from your toolkit code. Write documentation in markdown to make your toolkit easy for other developers to use. Uses gulp.js as a super-fast, highly-optimized build system to compress images, CSS, and JavaScript. Highly-portable local development environment with Handlebars and BrowserSync built-in for a fast, efficient workflow.

build-ui-toolkit

Requirements: –
Demo: http://fbrctr.github.io/
License: MIT License

Create Polished Resumes and CVs with HackMyResume

Posted · Category: MIT License, Tools

You can create polished résumés and CVs in multiple formats from your command line or shell with HackMyResume. Author in clean Markdown and JSON, export to Word, HTML, PDF, LaTeX, plain text, and other arbitrary formats. Fight the power, save trees. Compatible with FRESH and JRS resumes. HackMyResume is built with Node.js and runs on recent versions of OS X, Linux, or Windows.

make-cv

Requirements: –
Demo: https://github.com/hacksalot/HackMyResume
License: MIT License

ScrollReveal.js – Easy Scroll Animations for Web

Posted · Category: MIT License, Tools

ScrollReveal.js is a library to easily reveal elements as they enter the viewport. It’s very small in size, as its weight is roughly 3Kb if minified and gzipped. It has no dependencies, so you don’t need to add other libraries to use it like jQuery. In addition to the nice effects it supports, what I really like about this library is that you can use natural language to define the animation you want to run. ScrollReveal supports 3d rotation out of the box, but you may want to emphasize the effect by specifying a perspective property on your container.

scroll-reveal

Requirements: JavaScript Framework
Demo: https://scrollrevealjs.org/
License: MIT License

Toshi – Open Source Bitcoin Node in Ruby and PostgreSQL

Posted · Category: Framework, MIT License

Toshi is a complete implementation of the Bitcoin protocol, written in Ruby and backed by PostgreSQL. It provides a RESTful API that is ideal for building scalable web applications or analyzing blockchain data.

Toshi is designed to be fully compatible with Bitcoin Core. It performs complete transaction and block validation, and passes 100% of TheBlueMatt’s regression test suite. For much of the core protocol logic, Toshi makes use of the bitcoin-ruby library written and maintained by Julian Langschaedel.

Toshi was built at Coinbase, with the goal of replacing our core Bitcoin network infrastructure in the near future. It is currently in beta, and not recommended for production use until it has received sufficient testing from the Bitcoin community.

toshi

Requirements: bitcoin-ruby library
Demo: https://toshi.io/
License: MIT License

Lightweight, Unobtrusive, Style-agnostic Layers CSS

Posted · Category: Framework, MIT License

Layers CSS is Lightweight. Unobtrusive. Style-agnostic. Build your look on the web, not Twitter’s – and build it fluid. Layers CSS is a CSS framework aimed for practical use cases. It comes with a small footprint and zero bullshit.

  • Normalizations & sensible defaults
  • Fluid grid + progressively enhanced columns
  • Preserves native form styles by default
  • No px definitions
  • No colors, no borders, no rounded corners
  • No dependencies

layers-css

Requirements: –
Demo: http://eiskis.net/layers/
License: MIT License

Foundation 6 – Advanced Responsive Front-end Frameworks

Posted · Category: Framework, MIT License

Foundation for Sites 6 has been designed to get your project from prototype to production more efficiently than ever before! It includes a wide range of modular and flexible components that are easily styled. These versatile and lightweight building blocks make it easy to bring your ideas to life. Total filesize of every component and class now weighs in at 60KB CSS & 84KB JS, with plenty of room to make them even smaller when selectively removing unused components.

All code snippets come with ARIA attributes and roles along with instructions on how to properly use these components. This helps ensure that every website built on Foundation 6 can be used anywhere, on any device, by anyone. The base styles act as a coded wireframe rather than a final design. Simpler CSS styles allow you to more easily modify them to fit your brand.

foundation-6

Requirements: –
Demo: http://foundation.zurb.com/sites.html
License: MIT License

Page 1 of 71123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons