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

24 Best Creative Portfolio Websites in 2023

For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…

15 Best New Fonts, September 2023

Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…

Weekly Design News #1

Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…

The 20 Most Controversial Logos of All Time (Ranked)

When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…

LimeWire AI Studio Generative Art App

If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.

20 Best New Websites, September 2023

Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…

The Dangers of Deceptive Design Patterns (And How to Avoid Them)

As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…

10 Best Ecommerce WordPress Themes in 2023 [September update]

You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…

5 Marketing Tools Every Designer Needs

Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…

Exciting New Tools For Designers, September 2023

At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…

Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor

Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…

Everything You Need to Know to Embrace the Y2K Design Trend

The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…