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 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


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


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


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

A 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 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…