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

TinyMCE v4.3 – Open Source Full Featured Web Editing

Posted · Category: Forms, LGPL License

After many months in development, TinyMCE are also proud to unveil a brand new website and logo for TinyMCE! Most importantly they have developed a whole new documentation section of the website with hundreds of improvements to the content, examples and navigation.

TinyMCE 4.3 includes important improvements to the stability and usability of read-only content in TinyMCE. These improvements to the editor core have enabled us to bring you a new code snippet plugin, new live media previews as well as enhancements to image and table functionality. The updates in 4.3 should also help developers building new plugins for TinyMCE.

tinymce

Requirements: –
Demo: https://www.tinymce.com/
License: LGPL License

UI Widget to Build Best Instant Search Experience

Posted · Category: Forms, License Free

InstantSearch.js is a library of UI widgets to help you build the best instant-search experience with Algolia’s Hosted Search API. Your code is easy to write and maintain. instantsearch.js provides the glue between the different parts of your search page.

Everything is packaged in one library. Every website is different. The modular design of instantsearch.js allows you to configure, rearrange and combine the widgets to build your own experience. Sometimes you want to build a custom feature. You can do that by forking a pre-built widget or coding your own.

instant-search

Requirements: JavaScript
Demo: https://community.algolia.com/instantsearch.js/
License: License Free

Trix – Rich Text Editor for Everyday Writing

Posted · Category: Forms, License Free

Trix is a Rich Text Editor for Everyday Writing. You can compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

Trix is an open-source project from Basecamp, the creators of Ruby on Rails. Millions of people trust their text to Basecamp, and we built Trix to give them the best possible editing experience.

trix-editor

Requirements: –
Demo: http://trix-editor.org/
License: License Free

ContentTools – JS Library for Building WYSIWYG Editors

Posted · Category: Forms, MIT License

Content Tools is a JS library for building WYSIWYG editors for HTML content. The ContentTools WYSIWYG editor can be added to any HTML page in a few simple steps. There are step-by-step guides for common use scenarios as well as more advanced topics for those rolling their own editors. Full API documentation and examples for the ContentTools family of libraries. The ContentTools family of libraries is free and open-source. The libraries are hosted, developed and maintained on GitHub.

content-tools

Requirements: JavaScript Library
Demo: http://getcontenttools.com/
License: MIT License

Simple Autocomplete Widget with Zero Dependencies

Posted · Category: Forms, MIT License

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. You can simply add awesomplete for it to be automatically processed (you can still specify many options via HTML attributes) Otherwise you can instantiate with a few lines of JS code, which allow for more customization. Awesomplete is released under the MIT License.

awesomplete

Requirements: JavaScript Framework
Demo: http://leaverou.github.io/awesomplete/
License: MIT License

A Minimal and Customizable Contact Form

Posted · Category: Forms, License Free

Codyhouse has just shared a minimal and customizable snippet to throw a semantic form into your web projects on the fly. There are some optional features (i.e. floating labels) that can be easily removed in case you want the form to be simpler. We included all common form elements like radio buttons, checkboxes, select, error messages etc.

Screen Shot 2015-03-17 at 12.25.30 pm

Requirements: CSS and JavaScript
Demo: http://codyhouse.co/demo/contact-form/index.html
License: License Free

Squire – An HTML5 Rich Text Editor

Posted · Category: Forms, MIT License

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8.

squire-textarea

Requirements: HTML5
Demo: http://neilj.github.io/Squire/
License: MIT License

International Telephone Input jQuery Plugin

Posted · Category: Forms, MIT License

International Telephone Input is a jQuery plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, which lists all the countries and their international dial codes next to their flags. Dropdown appears above or below the input depending on available space/scroll position.

telephone-input-flag

Requirements: jQuery Framework
Demo: http://jackocnr.com/intl-tel-input.html
License: MIT License

Ment.io – Angular @Mentions with Macros

Posted · Category: Forms, MIT License

Ment.io gives you @mentions and macros widget based on AngularJS, but with no dependencies on jQuery. The mentio directive is applied to any element that accepts selectable text input and exposes an ngModel. The mentio directive watches the ngModel of the element for changes. If the user enters a sequence of non-wihtespace characters starting with a trigger character, a typeahead menu appears.

ment-io

Requirements: AngularJS Framework
Demo: http://jeff-collins.github.io/ment.io/
License: MIT License

Page 1 of 16123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons