/ best free open source web resources /


CSS SANS – The Font Created by CSS

Posted · Category: License Free

What CSS can do is changing the layout of web pages, typesetting, adjusting letter spacing and so on. Yet, there was one thing that CSS couldn’t do. That is “To design a character itself.” And that’s why we have CSS SANS. They have designed letters from A to Z by facilitating the various factors of CSS. Each letter is made by one <div> tag.

CSS SANS is the font created by CSS, the programming language for web designing and typesetting.
It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape.

Screen Shot 2015-03-18 at 1.37.25 pm

Requirements: CSS
Demo: http://yusugomori.com/projects/css-sans/
License: License Free

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

Create Gorgeous Images for Your App Store Page Easily

Posted · Category: Capture, License Free

App Store Screenshot Builder helps you create gorgeous images for your App Store page in minutes. LaunchKit’s Screenshot Builder will quickly export your screenshots in every resolution Apple requires (5.5″, 4.7″, 4.0″, 3.5″). You can easily change the font, text color, background color, or background image. Screenshots are saved with logical naming conventions making uploading to the App Store easy.

Screen Shot 2015-03-15 at 1.07.27 pm

Requirements: –
Demo: https://launchkit.io/screenshots
License: License Free

Daily Showcase of the Best Material Design Concepts

Posted · Category: Inspiration, License Free

MaterialUp is a daily showcase of the very best Material designs apps, websites and concepts. Each design is carefully selected to showcase great work by promising and/or talented designers. The core value of MaterialUp is to give as much value to designers as possible. Why? Because they’re the ones who should be credited for all the work that will be featured on the site.

Anyone is more than welcome to submit a Material Design work that they love, which will then be reviewed and eventually published (if accepted). If it’s not your design, they encourage you to provide the name(s) of the designer(s), so that their work is always credited.


Requirements: –
Demo: http://www.materialup.com/
License: License Free

EventRay UI Kit – Layouts & UI Elements for Web & Mobile

Posted · Category: License Free, PS Tutorials

EventRay UI Kit is a free ready-to-use interface kit includes multiple layouts and UI elements designed for Web and Mobile use. All you need to do is download this ui kit, simply plug it in and take it for a spin. You can check out the full preview on behance.


Requirements: –
Demo: http://dtailstudio.com/#work
License: License Free

Create Beautiful Photo Stories with Stampsy

Posted · Category: Gallery, License Free

Stampsy helps you create beautiful photo stories, mood boards, visual essays and much more. It’s easy and free! You can add your creation to relevant collections curated by people like you and get your work instantly noticed. Or start a collection of your own and use it however you like.

Once you follow a collection, all of its stamps show up in your feed. You can follow cool collections and discover extraordinary publications from the world’s top creators or stories from your friends.


Requirements: –
Demo: http://stampsy.com/
License: License Free

Fresh Button Styles and Effects for Your Inspiration

Posted · Category: Buttons, License Free

Codrops has shared a collection of fresh button styles and effects for your inspiration. They use CSS transitions and pseudo-elements for most of the effects. What they all have in common is simplicity and effect subtleness. They tried to create a balanced set where they don’t animate too much but try to add a sensible effect that goes along with colors and shapes. Some of the styles are a bit bolder — they might fit into some special designs.


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

Save and Share Code Snippets with Code Pad

Posted · Category: Code, License Free

Code Pad is a place for developers to save & share code snippets. Now you can save snippets online at Code Pad making them easily accessible and all in one place. When saving any snippet you have the option to make it public, part private or private.

Liking a snippet will keep a reference in your dashboard making it easy to find later. And also, there are various stats available we count snippet views, likes, downloads, comments, the list goes on. With your snippets saved online you can access your code snippets anywhere anytime.


Requirements: –
Demo: http://codepad.co/
License: License Free

Dug.js – Pull Feeds of Content from JSONP to HTML

Posted · Category: License Free, Tools

Dug.js was designed to be a lightweight, simple, library-independent script to pull in feeds of content available on the web as JSONP to display on your site. There are a few parameters that you can pass into dug to do some additional schnazzy things. Dug.js is completely free! it is 100% free under the WTFPL — no link backs or anything needed.


Requirements: JavaScript Framework
Demo: http://rog.ie/blog/dugjs-a-jsonp-to-html-script
License: License Free

How to Create Animated Text Fills and Strokes

Posted · Category: Fonts, License Free

Codrops has shared a tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG. In the article: How to Create (Animated) Text Fills, there are five ways to create patterned filled text.

In three out of these five cases we will retain the ability to select the text. For each of the techniques it shows the browser support, the ability to select text and, most importantly, the possibility to animate the fill (highly experimental).


Requirements: –
Demo: http://tympanus.net/Tutorials/AnimatedTextFills/
License: License Free

Page 6 of 106«2345678910»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons