50 fantastic freebies for web designers, December 2014

Default avatar.
December 09, 2014
50 fantastic freebies for web designers, December 2014.

We’re back with yet another gargantuan collection of free resources to fill up your toolbox and keep you rolling out awesome work well into the new year. We’ve got it all: icons, inspiration, fonts, UI kits and tons more. And, as always, if you think we missed one of your favorite new freebies, let us know in the comments. Enjoy!

100 stroke and fill icons

A fantastic set of minimal icons with a stroke/​fill design. They both line and fill versions come in AI and EPS formats. webicons-100-stroke-fill-icons-graphicburger

240 free location and map icons

A particularly useful collection for travelling and map applications, including things from food and drinks, to animals, sports and shopping. 240-free-location-and-maps-icons

A series of CSS progress bars

A hefty collection of progress bars created with pure CSS. They’re perfect to add style to your projects, even when users have to wait a little bit. a-series-of-css-progress-bars

Pastel colors WordPress theme

A somewhat old school theme full of illustrations and soft, pastel tones. It can be used in a wide array of websites including restaurants, magazines, personal blogs and many more. pastel-colors-wordpress-theme

Lamp post banner mockup

A rather particular mockup that lets you put your designs on the street through a lamp poster. Useful for previewing events and major advertising campaigns. free-lamp-post-banner-mockup

Free visual resume template

If you’re looking for a job, showing your CV with a stunning design could be vital. Check out this template to get the edge over the competition. free-visual-resume-cv-template-on-behance

Beautiful maps

An amazing collection of vintage maps from all around the world, displaying all types of terrain: urban, rural, oceanic, etc. Definitely, a great source of inspiration. beautiful-maps

Vector geek pack

An interesting bundle of geeky elements for logos, avatars, stickers and more. They’re completely free to use for both personal and commercial projects. geek-pack-field-5-agata-kuczminska-web-design-freelance-web-designer

Bootsnip

Bootsnip is home to a vast number of code snippets, experiments and designs for Bootstrap; the HTML, CSS and JavaScript framework. home-of-free-code-snippets-for-bootstrap

Facebook cover PSD design template

Need to create a cover image for your project’s Facebook page? Look no further, this PSD file is just the asset you need. Google Fonts are used to ensure the resource remains free in its entirety. facebook-cover-psd-design-template-graphberrycom

UI tab editor

A very useful tab editor in PSD format. It includes multiple custom elements to put your own graphic interfaces together, as well as hover effects for visual variety. ui-tab-editor-tempeescom

Print-ready business card

A useful business card design, ready to be printed thanks to a high DPI file. Everything is free to be used, including the typeface, available through Google Fonts. two-side-print-ready-business-card-graphberrycom

Creative photography business card

Are you a photographer looking to expand your reach? This awesome business card design could be a great asset to start spreading the word. Fully editable PSD file. free-creative-photography-business-card-psdboom

Flat robots pack: Over 1000 combinations

A pretty interesting bundle that will let you create your own robots by combining legs, body, color, face and more, all separately. A well-layered PSD file ensures the process is easy and fun. flat-robots-pack-over-1000-combinations

Eclipse: Free PSD documentation

A neat set of elements in PSD format, completely free. Display documents and create user interfaces with this resource. dribbble-documentation-eclipse-by-afnizar-nur-ghifari

Summer UI kit

A colorful set of UI elements with a warm feel. They include pretty much anything you need for your next design: Buttons, chat windows, sliders, logins and much more! summer-ui-kit

UI kit freebie

A modern interface with a flat style, available in PSD format for easy editing. Perfect for giving your work a stylish appearance. dribbble-ui-kit-freebie-by-jakub-kosewski

iPhone GUI PSD

A very complete set of GUI elements based on the latest iOS 8 release. Apart from including all interface elements on the software, it includes mockups for the iPhone 6 in all of its different colors. iphone-gui-psd-teehan-lax

Sven: Modern PSD UI kit

A super clean set of user interface elements, compatible with Bootstrap and Photoshop. The typeface you see here is Lato, available through Google Fonts. sven-modern-psd-ui-kit-graphberrycom

Dozens of free high-quality design elements for web interfaces

The title says it all here, the people at UXPin have an amazing set of UI elements for your own projects, compatible for Photoshop, Sketch, Axure or Omnigraffle. get-an-awesome-ui-kit-by-uxpin-for-free

Margot free font

A cozy typeface, optimized for use in big sizes. This totally free font is quite versatile and will give warmth to any design. margot-free-font-on-behance

Baron free font

A super elegant typeface design with details that make it look clean and up to date, making it a nice fit for titles. It comes in three different weights: Regular, bold and black. baron-free-font

Penrose

Check out Penrose, an attractive geometric typeface for titles and text in large sizes. fontstruct-penrose

SNDSGN: Web template

A neat template with a modern look and responsive design in mind, adapting to the modern web. PSD and 1170 grid system included. sndsgn-free-psd-template

Agency: Business website template PSD

A single page template aimed at business websites so they can show their products in a modern, attractive fashion. agency-business-website-template-psd-css-author

Martable WordPress theme

A simple WordPress theme that provides an easy way to sell your products online, thanks to WooCommerce support. wordpress-martable-free-wordpress-themes

Setra WordPress theme

A classic and complete theme for your new website, particularly if it will contain large amounts of information. It includes sliders, social buttons and more. setra-free-wordpress-theme

Opal WordPress theme

An uncomplicated WordPress theme with responsiveness in mind. Display all your content elegantly on any type of device. wordpress-opal-free-wordpress-themes

MioMio WordPress theme

MioMio is a very clean WordPress theme with a modern look and sharp color contrast. It has multiple tabs that ease the navigation experience, including maps, sliders and other elements. httpmanooliacomfree-wordpress-theme-miomio

FinanceTrade WP theme

A neat WordPress theme strongly aimed at finance and economy-related websites. It has soft colors and a fully responsive design to ensure a pleasant viewing experience. financetrade-theme-demo

Bootstrap material

Google’s Material design is starting to gather traction, this Bootstrap theme applies it to the fullest, resulting in some pretty interesting options for the front-end framework. bootstrap-material

Zoon website template

A fantastic web template for times when you need to create expectation for your next project. A coming soon page with a timer to let your users know when to come back. zoon-website-template-styleshout

Hola: Email HTML template

An email and HTML template with a very modern and attractive design. It’s meant to be simple to adapt to your needs. hola-email-html-template

Butterfly Bootstrap theme

A fantastic HTML template with a unique look, ideal to create websites for businesses, products and more. Check out all the little details in the design that will amaze your visitors. butterfly-free-bootstrap-theme-graphicburger

Arsha: Bootstrap HTML template

A good-looking design for the modern web, ideal for corporate websites that want to display a strong online presence. Responsiveness is a big focus, so don’t worry about your customer’s viewing device. arsha-free-bootstrap-html-template-for-corporate

Accordion styled menu

A set of dropdowns put one below the other, allowing would-be users to view and select multiple options in a reduced space. menu-despegable-estilo-acordeon-accordion-menu-codepen

Image scale on hover

Check out this CSS effect that zooms in on images and shows captions when hovering on elements. image-scale-on-hover-codepen

2D and 3D block loaders

Need to give your users a nice thing to look at while they wait? These block loaders might be just want you were missing. 2d-and-3d-block-loaders

Blurred background CSS

Take a look a this awesome blurred background effect with CSS and a small bit of JavaScript. A great asset to bring up colorful backgrounds and have more of a 3D effect in your projects. blurred-background-css-codepen

Responsive accordion

Here’s a neat accordion to display information in a space-efficient way. Created with HTML, CSS and a bit of JavaScript, it includes a colorful look and cool hover animations. responsive-accordion-codepen

Api​.ai

Let users handle applications and devices through voice commands. The range of actions that can be given through speech brings an amazing amount of possibilities to the tool. apiai

Writefully

A tool to turn your GitHub repository into a content management system. It is extendable and supports multiple sites. turn-a-github-repo-into-a-cms-writefully

Mobile web app checklist

This article shares different guidelines that you can apply to almost any mobile interface, while others are app-oriented. Definitely something to keep in mind for your next project. luster

Web starter kit

A reference point to find tools and code snippets that ease up your work when building multi-platform projects. web-starter-kit-web-fundamentals

Webplate: A front-end framework focused on what matters

Webplate intends to remove any distractions from your workflow, letting you concentrate on what’s important: Building your apps with ease and efficiency. webplate-an-awesome-front-end-framework-that-lets-you-stay-focused-on-building-your-site

Pure drawer

A tool for applying pure CSS transitions in your projects. In the website’s demo, you can display a menu with options in many different ways. Just choose the effect you like most and enjoy the magic. pure-drawer

SwishJS: A CSS animation framework for JavaScript applications

A tool that lets you apply CSS transitions through JS and jQuery, avoiding the usage of the display property. swishjs-a-css-animation-framework-for-javascript-applications

Roots: Where it all begins

CSS library to improve your code in multiple ways, providing advantages at every step of the way. roots-where-it-all-begins

SweetAlert: Nice JS alert replacement.

Show pop-up alerts in a much more pleasant way through Sweet Alerts, replacing their boring default look. sweetalert-nice-js-alert-replacement

Julius.js: A speech recognition library for the Web

Here we have Julius, a library you can use to dictate with your voice or integrate speech commands to your projects. zzmpjuliusjs-github

Juan Pablo Sarmiento

Founder of iconShock (high quality free icon sets), DesignShock (lots of design packs and TemplateShock (printing templates)

Read Next

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…

20 Best New Websites, April 2023

In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…

Exciting New Tools For Designers, April 2023

The AI revolution is having a huge impact on the types of products that are hitting the market, with almost every app b…

3 Essential Design Trends, March 2023

One thing that we often think about design trends is that they are probably good to make a list. That’s not always true…