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

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

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…

The 10 Best Logos of 2023 - Ranked

From vintage aesthetics to innovative new color schemes, we’ve seen a lot of creative logo designs this year. In this…

Exciting New Tools for Designers, February 2024

2024 is well underway and shaping up to be an interesting year. So, to help you keep your focus on working hard and…

The Art of Engineering AI Prompts

In the rapidly evolving world of artificial intelligence, the ability to communicate effectively with AI tools has…

15 Best New Fonts, January 2024

In this month’s roundup of the best new fonts, we find a large number of vintage, retro, and revival typefaces. Is it…