in ,

50+ Free Tools for Web Design

6 web design trends awwwards image18
6 web design trends awwwards image18

5SHARESCreativeSplashWebCreativeSplash_Subscribe

Today we bring you an amazing selection of high-quality and completely free tools for web design, from which and breathes the summer. We hope to inspire you to new projects.

Animated Weather Displaying Icons
animated-weather-icons-css-snippet
This set includes 6 different icons of weather , wich made by CSS , theyr main feature is funny animation.

Free Vector Icon Set
free-set-of-vector-isometric-material-icons
Set of vector icons in isometric perspective with the images of devices and other elements.

Pack of Vector Icons for Android
android
Huge collection of icons, separated to categories for easier acces. Due to vector format they are easy to edit. They all are created in accordance with official instructions of making icons from Android.

Template Brochures for Photoshop
tri-fold-brochure-photoshop-template
Easy editable triple-sided brochur in PSD format. Simple font and beautifully visualized component are ideally master theyr primary goal: sell your goods or services.

HD iMAC Web Model
high-resolution-imac-psd-web-mockup
Done with great style and taste , adjusts for productive work.

Free PSD and AI template for CV
free-cv-psd-and-ai-template
Original design for creating CV , wich will match for designers, who wish to show his skills. Template created with photoshop and illustrator.

Funny Elements in PSD Format
fancy-editable-pdf-items-for-scene-generationHuge collection of more then 440 elements, inspired by industrial designers work. All elements are in PDF format and are easy editable.

Set for Brending in PSD Format
branding-identity-presentation-psd-mockup

A full pack of custom interface for brending, wich includes templates of business card , letterhead , logotype and screen mockup for iphone.

300 Cute Icons and Avatars

300-cute-icons-and-avatars-in-kawaii-style
300 universal icons and avatars, collected in one pack. This set is done in kawaii style and easy to edit.

Verve: Custom Interface for Smartphones 
verve-a-sleek-mobile-user-interface-psd-kit

A set of user interfaces from 15 PSD screens for mobile applications. It have a dark design, and it is ideal for working with photos.
Set of Custom Interfaces Lucid
free-lucid-psd-ui-kit

Minimalistic and light user interface in PSD format, called Lucid. It is distinguished by its harmonious color and interesting realistic elements.


Creative Pack of Custom Interfaces

creative-ui-kit-a-flat-bootstrap-responsive-web-template

Bright and creative user interface for creating a web site. The set consists of a menu bar, video player, calendar widgets for weather and much more.


Edit ustom Interface for Creating Beautifull Design
flat-user-interface-psd-design-kit

This user interface is easy for Photoshop to edit and resize. It can effortlessly fit like a personal and for commercial purposes.


Simple Figures for Sketch
simple-shapes-wireframe-for-sketch

Basic and easy-set consists of simple shapes for Sketch. Design executed Yusuf Besim.


53 Different Vector Templates of Brochures
53-multi-style-vector-tri-fold-templates

Set of 53 templates trilateral brochure. Ideal for advertising your products or services.


Parker:Grunge Style Font
parker-hand-crafted-grunge-font

Parker – Vintage font in grunge style. Excellent choice for the design of posters, stationery and T-shirts. Very succinctly look at the icons and logos.


Dropper:Bright 3D Font
dpopper-free-3d-like-puffy-font

Dpopper – it is a complete and very high quality print. His hype is perfect for web design, and for printing.


Zujal:Cartoon Vector Font
zujal-free-cartoon-vector-font

Created by designer Igor Petrovich simple, playful, but at the same time elegant font for all occasions.


Hallo Sans: Elegant Font
hallo-sans-free-elegant-typeface

Hallo Sans, as we said his name – is a sans serif font, which looks very elegant, clear and perfectly suitable design of many websites.

 

Free Landing Page Design
free-psd-landing-page-design

Это PSD шаблон с тщательно организованными слоями и группами. Шаблон отлично подойдёт для образовательных целей, особенно в сфере технологий и программирования.


Tripway:Travel PSD Template
tripway-travel-and-adventure-psd-template

This PSD template is perfect for travelers looking for new ways to share your impressions.


Email Client Template
email-client-photoshop-template

Simple template for Photoshop with all the necessary tools to create e-mail program. It’s simple, minimalist, with an unusually harmonious colors.


Single Page Website PSD Template
one-page-psd-website-template

Free PSD template that focuses on the creation of a variety of mobile applications.


Cover:Simple and Minimalistic Theme for WordPress
cover-free-minimal-writing-wordpress-theme

This theme for WordPress is perfect for bloggers who are ready to share their thoughts with the world.


Urban Bold:Fresh Theme for WordPress
urban-bold-refreshing-blogging-wordpress-theme

Excellent theme for WordPress sites with simple layers. The main focus of this topic – the content.


BillyDroid:Android WordPress Theme
billydroid-mobile-and-technology-blogging-wordpress-theme

BillyDroid – this is a very nice theme, ideal for use with Android and benefits of the technology. It can be easily customized to your preferences.

 


Huge Collection of WordPress Startup Themes
startup-wp-themes-a-complete-collection

A collection of stylish and multifaceted themes for WordPress, which can help lead your business to success.


RetroSpect:HTML5 Template
retrospect-one-page-html5-template

Beautiful pattern consisting of a single page. Excellent choice for advertising your product or service start-ups and small businesses.


Majestic:Universal Template for Interior Designers
majestic-interior-design-multipurpose-html-web-template

Majestic – is an HTML template that is perfect for architects and interior designers. It also easily be used to frilansinga.


CSS Pages Scroll Effects
multiple-page-scroll-css-effects

Set CSS effects for a smooth transition between pages. This set offers several kinds of transition.


Snippet Button Hover
material-button-hover-effect-snippet

This snippet, created entirely using CSS, displays a button that allows you to select the desired command.


Off Canvas Menu with Animated Links
off-canvas-menu-with-animated-links

Snippet, which helps to create a hidden menu with animated links. Its very easy to edit, thanks to the presence of CSS and JavaScript code.


Auto-Split Input Fields
auto-split-form-input-fields-css-and-js-snippet

Excellent snipped separating the input columns to add more information. Made in JavaScript and CSS.


CSS Search Field Animation
css-search-button-and-field-animation

Simple, but very effective way to save space on the page – the CSS code to turn off the search magnifying glass icon in the column.


DebugCSS:HTML Debugging Tool
debugcss-html-css-debugging-tool-built

Debugging tools, made in CSS, check your HTML for the presence of poorly defined and no working codes.


A11Y:Web Accessibility Audits
a11y-an-online-accessibility-tool-for-websites

The tool that allows you to see how easy to use your website to various platforms.


MEAT!:Powerfull Git Hosting with continuous Delivery Tools
meat-collaborative-platform-for-web-developers

Meat -! Is a collaboration platform that can be downloaded to your server. It provides you with all the tools you need to work on projects in small groups.


Codeface:Set of Fonts for Web Development
codeface-a-set-of-development-fonts

Codeface – a set of very professional fonts for web developers


Bootcards:Custom Interface
bootcards-bootstrap-built-cards-based-user-interface

The user interface for creating cards with double panel, available for use with mobile phones and other devices.


CSS3, HTML5 , Microdata, MetaTags, Open Graph, Twitter Cards Codes Generating Tool
css3-html5-microdata-open-graph-and-twitter-code-generators

This online tool will help you create a code for CSS3, HTML5, microdata, open graph, and Twitter, which you will easily be able to use to design your website.


Scally:Responsive and Comfortable Sass warp
scally-sass-based-responsive-ready-css-framework

CSS based upon Sass, BEM, and OOCSS. Because of its accessibility it is ideal for quickly creating a responsive user interface


SCUT:SASS Utilities for The Frontend Laborer
scut-sass-utilities-for-web-development

Collection Sass utility that will make life easier and simplify the use of many common codes.


Let’s Chat:Chat for Small Teams
lets-chat-small-self-hosted-chat-tool

The program for fast correspondences made using Node.js and MongoDB. Mainly oriented to work on projects in small groups.


Bazel:Fast and Reliable Code Constructor
bazel-quickly-and-reliably-code-builder

Bazel – a tool for creating a website that makes the design process faster and more reliable.


Dynamics.js:JavaScript Physics – Based Animations Library
dynamicsjs-physics-based-animations-javascript-library

Complete and easy to use JavaScript to create a collection of animations using mathematical functions and laws of physics.


HTTTML
htttml-custom-html-tags-javascript-library

Similar to Vanilla HTML library created in JavaScript. It allows you to create custom tags for easy work on the code. It works best with a set of tools OOCSS.


Vibrants.js:Extract Prominent Colors From an Image
vibrantjs-prominent-image-colors-javascript-extractor

This library is made in JavaScript, it is perfect for the determination of the primary colors in the images.


HAMMER.JS:The Generator of Sensory Gestures Javascript for DOM elements
hammerjs-dom-elements-touch-gestures-javascript-generator

This is a cool library will help you to add touch gestures to any DOM element. A small, but very high quality library created in JavaScript.


FolderBuilder
folderbuilder-folder-tree-view-css-and-javascript-library

Simple, in the style of a tree, organizer, made with CSS and JavaScript. Very useful application for organizing complex projects.


Flight:Framework for JavaScript
flight-event-driven-javascript-framework

Flight – a simple framework for creating JavaScript elements for application TweetDeck and Twitter.


DOKKER.JS:Professional JavaScript Code Developer
dokkerjs-professional-javascript-code-documentation-creator

JavaScript library with all the basic elements necessary for the documentation of professional codes.


Quttons:JQuery Plugin for Buttons Flowing Transformation
quttons-smooth-jquery-buttons-transformations

This jQuery helps to generate keys, which can easily be transformed into other elements.


Date Paginator for Twitter Bootstrap
twitter-bootstrap-date-paginator

Easy-to-use layout, made in jQuery for Twitter Bootstrap.


JQuery Calx
jquery-calx-a-formula-based-calculation-jquery-plugin
Means for calculating to Excel, done in jQuery plugin format. Uses for formula imported from formula.js.

 

 

5SHARESCreativeSplashWebCreativeSplash_Subscribe

Written by team

adobe svg logo 1

How to Create an Animated Logo with SVG and CSS

why web design is dead 2307

Why Web Design is Dead