WebAppers

/ best free open source web resources /

Shopify

Basiliq Sketch Style Freelance UI Kit

Posted · Category: CC License, PS Tutorials

Everyone loves high quality icons. Even user interface designers, who work with sketches and wireframes. The problem is that popular prototyping tools produce mockups that don’t look so great. That’s why Cloud Castle has created Basiliq Freelance UI Kit, with over three hundred design elements specifically for prototyping.

Its a beautiful hand-crafted set of icons for mockups. There are 300 little bits and pieces and bells and whistles. You can assemble anything from them. For example, mobile YouTube, Facebook and Foursquare UI.

ui-sketch

Requirements: -
Demo: http://cloudcastlegroup.com/blog/basiliq
License: Creative Commons 3.0 License

RainLoop: Open Source Modern & Fast Webmail

Posted · Category: CC License, Webmail

RainLoop is a Free, modern & fast web-based email client. With modest system requirements, decent performance, simple installation and upgrade, no database required – all these make RainLoop Webmail a perfect choice for your email solution.

rainloop

Requirements: -
Demo: http://rainloop.net/
License: Creative Commons License

Generate Random Users with RandomUser API

Posted · Category: CC License, License Free

RandomUser is an API that provides you with a randomly generated user. These users can be used as placeholders in web mockups, and will save you time from creating your own placeholder information. You can use AJAX or another method to ask RandomUser for a randomly generated user easily. RandomUser gives you a couple ways to control the results that the system outputs.

random-user-generator

Requirements: JavaScript Framework
Demo: http://randomuser.me/
License: Creative-Commons License

jQuery Easy Dropdown for Styleable Inputs and Menus

Posted · Category: CC License

EasyDropDown is a jQuery plugin that effortlessly turns humble elements into styleable drop-down menus for use in forms or general UI/navigation. It’s like Chosen but with only the essential features: clean, semantic markup, form & validation compatibilty, full keyboard control with textual search, inner-scroll for long lists, degradation to native UI on touch devices.

easy-drop-down

Requirements: jQuery Framework
Demo: http://patrickkunka.github.io/easydropdown/
License: Creative-Commons 3.0 License

Use Responsive Web Typography with FlowType.js

Posted · Category: CC License, Tools

Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size, and subsequently the line-height based on a specific element’s width. This allows for a perfect character count per line at any screen width.

Additional options allow you to configure FlowType.JS to fit your needs. These options include element size thresholds, font-size thresholds and font-size/line-height ratios. You have full control over the base font-size and line-height ratios, so that you can set your typography perfectly. FlowType.JS is extremely easy to use.

flowtype-js

Requirements: JavaScript Enabled
Demo: http://simplefocus.com/flowtype/
License: Creative Commons 3.0 License

A Responsive jQuery Gallery with CSS3 Animations

Posted · Category: CC License, Gallery

S Gallery is a Responsive jQuery Gallery Plugin with CSS3 Animations. It makes use of HTML5′s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

It has a neat feature: exiting the slideshow mode back to the grid view mode, the last image which was active in the slideshow mode “returns back” to its position in the grid view, thus the user knows where they have stopped and what images are left in the gallery that they haven’t maybe browsed. This is a neat feature which serves as a brain cue and thus is a nice and positive UX-aware touch.

s-gallery

Requirements: jQuery or Zepto Framework
Demo: http://sarasoueidan.com/blog/s-gallery-responsive-jquery-gallery…
License: Creative-Commons Attribution Non-Commercial License

Tactile Design Kit: Physical Interactive Web Design Kit

Posted · Category: CC License, Tools

Tactile Design Kit is a physical, interactive web design kit created to facilitate client conversation and brainstorming during the discovery and design phase. The kit is intended to be printed. Some items can be laminated for re-use, and others should be left as one-time paper artifacts.

They help create structured limitations, within which productive conversations can take place and decisions can be made faster. Use this kit to help control scope and manage your client conversations, or simply use it as a tool for developing designs and websites faster.

tactile-design-kit

Requirements: -
Demo: http://tactiledesignkit.com/
License: Creative Commons License

Open Source Weather Data and Forecast API

Posted · Category: CC License, Stats

The OpenWeatherMap service provides free weather data and forecast API suitable for any cartographic services like web and smartphones applications. Ideology is inspired by OpenStreetMap and Wikipedia that make information free and available for everybody.

OpenWeatherMap provides wide range of weather data such as map with current weather, week forecast, precipitation, wind, clouds, data from weather stations and many others. Weather data is recieved from global meterological broadcast services and more than 40 000 weather stations.

You can recieve any weather data for your application by using JSON / XML API. Lots of applications for Android and iOS use OpenWeatherMap as weather data source. By the way the data can be received from WMS server and can be embedded into any cartographic web-application.

weather-api

Requirements: -
Demo: http://openweathermap.org/
License: Creative Commons 2.0 License

Free Responsive HTML5 + CSS3 Site Templates

Posted · Category: CC License

HTML5 Up! is a small showcase of the free responsive HTML5 + CSS3 site templates that AJ put together while developing 5grid. All of them are clean, minimal, fully responsive site templates built on HTML5 and CSS3. They are licensed under the Creative Commons Attribution license.

html5-templates

Requirements: Skel.js Framework
Demo: http://html5up.net/
License: Creative Commons License

Easily Start Responsive Websites with Sassaparilla

Posted · Category: CC License, Framework

Sassaparilla is a set of default rules and style that starts everything we do at fffunction in a consistent manner. It’s not a boilerplate or a theme. Sarsaparilla on the other hand, is a nice refreshing root beer. Sassaparilla uses the power of Sass via SCSS and Compass to create flexible stylesheets that we can re-use and add to over time.

Compass is a library of common elements, equations and helper styles that is kept up-to-date by a community of developers and is useful for rapid development and leaner code. Both Sass and Compass are Ruby Gems and will need to be installed via command line or terminal. You can compile using a GUI like Codekit or go hardcore and just use command line. Either way it’s pretty easy to get up and running.

sassaparilla

Requirements: Sass and Compass Library
Demo: http://sass.fffunction.co/
License: Creative Commons License

Page 2 of 15«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons