WebAppers

/ best free open source web resources /

Graphic Resources

Material UI – CSS Framework for Google’s Material Design

Posted · Category: Framework, MIT License

Material-UI is a CSS framework and a set of React components that implement Google’s Material Design specification. Material-UI is available as an npm package. Use browserify and reactify for dependency management and JSX transformation. The CSS framework is written in Less, so you’ll need to compile that as well.

The styles are separated into 2 less files which allows you to override any variables defined in custom-variables.less without having to modify material-ui source files directly. It is licensed under MIT License.

material-ui

Requirements: CSS Framework
Demo: http://material-ui.com/
License: MIT License

MetricGraphics.js – A Library for Principled Data Graphics

Posted · Category: Charts

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

The API is simple. All that’s needed to create a graphic is to specify a few default parameters and then, if desired, override one or more of the optional parameters on offer. The library is data-source agnostic. While it provides a number of convenience functions and options that allow for graphics to better handle things like missing observations, it doesn’t care where the data comes from.

charts

Requirements: D3 Framework
Demo: http://metricsgraphicsjs.org/examples.htm
License: Mozilla Public License v2.0

Wami Map Project – OSM API Service for Everyone

Posted · Category: Maps

Wami Map project makes OSM data for everyone, easily. They take advantage of MongoDB potential for big data management to implement a search for relevant data from OSM data sources. Their APIs make it possible to retrieve POI in different formats including geoJSON, which allows to display them directly on the client. Wami Map project is published under Apache 2 license, so feel free to fork it, use it and make it better.

wami-map

Requirements: –
Demo: http://map.wami.it/
License: Apache License

Deal of the Week: Creative Market Big Bundle III

Posted · Category: Information, PS Tutorials, Stock Photos

Creative Market Big Bundle III has just released. They’ve handpicked 75 top products from the marketplace for this very special bundle. You can download and use your products right away and access them any time via your Creative Market account. The Creative Market Bundle is valued at $1,092, but you can pick it up today for just $39. That’s 96% off.

creative-bundle

Buy it Now

Build High Quality Plugins with WP Plugin Boilerplate

Posted · Category: Framework, GPL License

WordPress Plugin Boilerplate is a standardized, organized, object-oriented foundation for building high-quality WordPress Plugins. The Boilerplate follows both the coding standards and the documentation standards so you don’t have to hunt them down. Describe your work in the comments, write code, and go.

It is organized in the same way as the plugins in the WordPress Plugin Repository. There’s a place for every type of file and the project leaves no guesswork as to what goes where. If you’re looking for an object-oriented approach, then the Boilerplate has you covered. Separated by responsibility, it’s easy to find where to place your dashboard code, your public code, your shared code, and more.

wordpress-plugin-boilerplate

Requirements: WordPress Framework
Demo: http://wppb.io/
License: GPL v2 License

Drag and Drop Interactions Ideas for Your Inspirations

Posted · Category: License Free, Menu

Codrops has shared some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged. The demos are just some experimental ideas of how these kind of interactions can be imagined.

The idea is to allow to drag an item and then show some droppable area that stands for certain actions. This saves a lot of UI space and gives an interesting dynamic to interactions. There are many applicable scenarios; think of categorizing and organizing content (i.e. like the Pinterest boards) or performing any type of actions (like in mail apps or in content management systems).

drag-drop-ideas

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

Publish, Share and Embed 3D Models on Sketchfab

Posted · Category: License Free, Tools

Sketchfab is the leading platform to publish, share and embed interactive 3D content, anywhere online. Millions of people make 3D models or scan the real world in 3D, why would they share this in 2D? What YouTube did for video makers, or SoundCloud for musicians, Sketchfab wants to do for creators of 3D content.

You can upload files in almost any 3D format, directly on sketchfab.com or using one of their exporters, in order to upload from your favorite 3D creation tool. Once your models are on Sketchfab, you can embed them on any web page, and share them on other platforms like Tumblr, WordPress, BÄ“hance, Facebook, Kickstarter, LinkedIn, deviantART.

sketchfab

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

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

Open Sourcing 872 Beautiiful Twitter Emoji

Posted · Category: Icons, MIT License

Earlier this year, Twitter has made a set of 872 beautiful emojis so Tweets containing emoji characters would look as sharp on the web as they do in mobile apps. Now they’re pleased to announce that these emoji are available as an open source library to the developer community at large.

The project ships with the simple twemoji.js library that can be easily embedded in your project. They strongly recommend looking at the preview.html source code to understand some basic usage patterns and how to take advantage of the library. It provides standard Unicode emoji support across all platforms.

twitter-emoji

Requirements: JavaScript Framework
Demo: https://github.com/twitter/twemoji
License: MIT License

jQuery Face Detection Works on Images & Videos

Posted · Category: License Free, Tools

jQuery Face Detection Plugin detects faces on images, videos and canvases to get theirs coordinates. It tracks a face and outputs the coordinate positions of the face model as an array. We believe that face recognition will open up a ton of possibilities in how we interact not just with each other.

face-detection-jquery

Requirements: jQuery Framework
Demo: http://facedetection.jaysalvat.com/
License: License Free

Page 57 of 322...«535455565758596061»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons