The Web is packed with some of the most amazing, inspiring, and downright cool projects that you’ll ever see. And thanks to the fantastic web design community, many of them are completely free.
Today we’re continuing our monthly roundup of the best resources for web designers. We’ve got fresh fonts, plugins, templates, tools, and all sorts of goodies for your delight. Enjoy!
50+ CSS Button Designs
A large collection of buttons created with CSS for you to integrate into your development, making use of the provided source code.
Wood Vector Pattern
A customizable pattern to give your design elements a bit more realism and detail.
Samsung Galaxy Note Mockups
A nice trio of Galaxy Note mockups you can use in presentations or for design purposes. You can edit them in Photoshop and make use of the smart layers to simplify the process.
Moto 360 Watch Sketch Resource
A well-layered set with the Moto 360 Watch as the main protagonist. Download and modify anything you want with Sketch.
Flat Vector Devices Pack
An awesome collection of devices to use for mockups and development. The flexibility offered with PSD, AI and SVG formats is a considerable plus.
Freebie: Kitchen Icon Set
An awesome pack of 40 simple icons related to food and cooking, coming in PSD, PNG, EPS and AI formats for easy editing.
Lynny Vector Icons
A huge set of vector icons divided into eight categories, useful for any type of design work.
Flat Medical Icon Set
A quirky package containing medicine-related icons. Perfect for fitness apps or projects involving health.
Street Poster Template
A cool template to design promotional work for your next event, business or project. The inclusion of InDesign, Illustrator and Photoshop files lets you choose the best tool to edit.
Low Poly Backgrounds Bundle
A colorful series of big images with a geometric style. You will find abstract shapes of animals, famous places, landscapes and more.
Dark Flat UI Kit
A simple user interface design based on components for various purposes. Editable in Photoshop.
Uzers UI Kit
Uzers is a new project that aims to bring you top-quality designs for web and mobile. This free UI Kit is a perfect introduction to what they want to achieve.
EventRay UI Design
Help yourself in the creation of the next good-looking Web or mobile design with this complete UI kit.
A very interesting font that allows you to create a beautiful mess for your headlines, using alternate glyphs and extra ligatures for customization.
Perfograma: A Free Font with a Story
A quirky font inspired by the Mark I, one of the first computing machines ever, which read information from pieces of punched paper, hence the dots.
Serendipity Script Font
A nice cursive typeface with a strong handwritten look. It includes a wide set of special characters in order to adapt fit multiple languages.
A very interesting monospaced, experimental font with support for quite a few European languages.
Quad: Geometric Font Family
A bold new typeface with three awesome styles going from solid black to an outline style. Perfect to give big-sized text an eye-catching look.
Expire PSD Theme
A PSD theme including four pages for home, blog, typography and posts, all making use of a clean and professional layout.
iPress: Magazine and Blog Template
A cool design in PSD format for a content-packed website. Best for magazines, news sites or blogs that are always adding new material.
Hosting Web Template Designs
Are you planning on setting up a new hosting company, or want to give your website a visual overhaul? This would be a great place to start looking.
Flat Magazine Template
A flat-styled template, perfect for magazines and news websites. Provided for free in PSD format.
A content-focused theme that goes for a minimal layout and strong typography in order to achieve a clutter-free look.
Solofolio: The Ultimate WordPress Portfolio Theme
Built with images and portfolio pages in mind, SoloFolio provides a fantastic platform to elegantly show your content.
Ex Machina HTML5 Template
A responsive HTML5 template with very clean looks and a screen wide header that gives the site a fancy little touch.
Portfolio HTML Template
As its name implies, this template works best as a platform for you to show what you can do and promote it online. It features a simple, elegant layout and makes great use of images.
A collection of various hover effects and animations applied to a set of colorful buttons with nothing but CSS.
This superb experiment re-organizes all images in a grid in order to make the most out of the space available.
A neat experiment that makes use of the new gsTimelines library to implement complex animations into a project.
Folded Corners with Pure CSS
A trio of elements with a folded corner effect. Created with pure CSS by Lea Verou.
A potentially vital tool for the safety of your project, the hardening framework was created by the team at Deutsche Telekom in order to provide easy auto hardening for your server. Make sure you visit the GitHub page to download.
Make mobile app development a bit more familiar with this cool HTML5 framework, aimed at smaller screens.
This commenting server works in a way similar to Disqus, powering conversations at the bottom of your publication.
Codecast: Real-time HTML and CSS
A supremely useful tool for people both learning and teaching these two languages, allowing them to communicate and code at the same time via screencasts.
Gridpak: The Responsive Grid Generator
Enter your own desired parameters in order to create quick grids to implement within your next project.
CSS Ruler: Explore CSS Lengths
Learn a bit about CSS and explore its possibilities by experimenting with lengths in this interactive showcase.
A Series of Free Online Tools For Developers
An amazing collection with dozens of tools for developers including code viewers, converters and other utilities to simplify your work.
Fabric: Mobile Development Platform
Fabric is a set of tools developed by mobile developers, for mobile developers. It aims to solve all the common problems that get in the way when trying to build world-class applications.
If you’re looking for a basics-only pack for creating React apps, Essential could be a great alternative.
jQuery Scalem Plugin
A jQuery plugin that will enable you to make any element in the website responsive, adapting to all screen sizes.
This plugin simplifies the use of AJAX, turning the language into something much more familiar to HTML users.
A useful jQuery plugin that allows users to make multiple selections in a faster and easier way.
An interesting tool that will allow you to add autocompleting options to your textareas.
Rimg: A Responsive Image Solution
Ratchet simplifies app development for Web professionals, allowing them to create mobile apps with familiar HTML, JS and CSS components.
Nines: Web Performance Tool
Track down any problem related to the performance of your Web project with this neat tool.
An impressive tool to give your Favicon alternative uses such as animations, colors or even project video from your webcam!
jQuery Load Scroll
This jQuery extension will make images on the site load only after scrolling to them. Use it to improve initial loading times in image-heavy projects.
Experiment: Playing with Particles and Transparencies
A beautiful experiment by Luigi Mannoni where he creates this amazing orb that responds to your actions with the mouse, constantly animating as a result..