featured_resources

60 fresh resources for designers, April 2016

By Juan Pablo Sarmiento Posted Apr. 25, 2016 Reading time: 8 minutes

Hey there! We are proud to return fully stacked with a collection of resources and tools that will help you make the most of your web design/development skills.

This month we have an appealing 3D text effect, an awesome flat emojis set, various UI kits for Sketch, a full Bootstrap 4 GUI pack, some amazing typefaces, a modern landing page template and a clean restaurant PSD template, WordPress themes, a curious and yet fun snippet to tear a cloth apart, a great clock developed in CSS and JavaScript, a CSS slider with cool effects, a browser extension to protect your credit card information, a handy HTML email framework, a lightweight CSS framework, and many more tools and resources. Enjoy!

 

Dripicons V2

An amazing set of 200 neatly crafted line icons for general purpose that come in SVG, Webfont, PSD, and Sketch formats.

Dripicons V2: Amazing SVG, Webfont, PSD, Sketch

 

Barista & coffee icon set

An amazing set of 50 line style icons perfectly designed in a 256px grid adapted for iOS icon grid, they all come in EPS, SVG, and PNG (128 & 256 pixels) formats as individual files.

Barista & Coffee EPS, PNG & SVG Icon Set

 

91k realistic desktop icons bundle

A bundle that contains more than  91,000 realistic icons, organized in 29 different industries, that feature a realistic style and glossy effects.

91k  Realistic Desktop Icons Bundle

 

Flat transportation icons

A huge set of vector icons covering the widely diverse industry of transportation neatly crafted in a nice flat style delivered in individual SVG, Ai, and PNG formats (several sizes).

Neat Flat Transportation Vector Icons

 

Let’s Build Instagram with Ruby on Rails (book)

An extraordinary book that guides you through building Instagram from scratch while learning advanced concepts about Ruby on Rails.

Let’s Build Instagram with Ruby on Rails (Book)

 

Chat dashboard PSD

A nice chat dashboard layout that comes in a fully layered PSD file counting a header bar, a left sidebar icons menu, a contacts list, a central chat layout, and an agenda featuring a calendar.

Chat Dashboard PSD  Layout

 

Elegant brand identity PSD & AI

A stunning branding mockup set for restaurants featuring a fancy minimal style and a professional color scheme available in both PSD and Ai format files.

Elegant Brand Identity PSD & Ai Pack

 

Showtime 3D text effect

Showtime is a neatly crafted text effect for PhotoShop that features smart object layers giving it a cool 3D style ideal for typographic headings, flyers, greeting cards, and more.

Showtime: Appealing 3D Text Effect

 

12 free lightroom presets

A great set that comes with 12 different presets for Adobe Lightroom including a wide range from black & white to HDR and desaturated ones available in JPG and RAW image formats.

12 Free Lightroom Presets Pack

 

Creative flat emojis

A creative set of 2100 emojis for mobile chat applications organized in 5 different categories and available in Ai, SVG, and PNG multi-size formats.

Creative Flat Emojis Set

 

Architect letterhead template

A professional yet creative looking template for a letterhead that features nicely crafted flat elements at the top and in the background. It comes in PSD, ADI, and InDesign formats.

Architect Letterhead Print Template

 

Vintage poster mockup

A professional photo shoot mockup that comes in a high-resolution definition available in PSD format featuring smart object layers for seamless integration of your design as well as 4 final effects, great perspectives, and organized layers and folders.

Free Vintage Poster Mockup on Behance

 

App display screen PSD

An amazing mockup for showcasing mobile application or site responsiveness directly in single or several floating screens delivered in 3 different PSD format files featuring smart objects for seamless integration. 

App Display Screen PSD Mockups

 

Windows 10 Sketch UI kit

A UI kit for Windows 10 that comes available in light and dark schemes for all of its elements as well as frames for mobile devices in the most common sizes, and a full palette of colors for its metro menu tiles.

Windows 10 Sketch UI Kit

 

Helium UI: Colorful Sketch UI kit

A cool web elements UI kit that features a nice colorful scheme for all of its elements available in Sketch format including toggles, breadcrumbs, tooltips, drop-down menus, and stacks more.

Helium UI: Colorful Sketch UI Kit

 

Android M Sketch GUI kit

A great UI Kit for mobile devices with Android Marshmallow OS developed in Sketch having all of the items completely vector crafted.

Android M Sketch GUI Kit

 

Mercury: iOS 9.3 Sketch & AI UI kit

A cool UI Kit for iOS 9.3 that comes available for both Sketch and Illustrator.

Mercury: iOS 9.3 Sketch & Ai UI Kit

 

Bootstrap 4 Illustrator GUI pack

A full pack of bootstrap elements that comes in vector AI format with several sorts of editable and scalable elements.

Full Bootstrap 4 Illustrator GUI Pack

 

Material Design style Bootstrap 3 UI kit

A UI Kit designed for Bootstrap CSS elements crafted in a neat Material Design style including several buttons, checkboxes, radio buttons, toggles, drop-down menus, text areas, navigation elements, and stacks more.

Material Design Style Bootstrap 3 UI Kit

 

Lumberjack font

An amazing font available in 4 styles supporting 5 different languages including Cyrillic, Turkish, Baltic, among others, as well as numeral, glyph, uppercase and lowercase characters.

Lumberjack: 4 Style Multi-language Font

 

Little Wizzy font

Little Wizzy is a typeface that seems to be taken from a fairy tale, featuring nice handmade serifs, it has uppercase, numeral, and glyph characters.

Little Wizzy: Fairy-like Sans Typeface

 

Toma font

Toma is a neatly crafted sans font that comes available in 7 different weights and italics, including uppercase, lowercase, numeric, glyphs, and several accents for multi-language support. Its regular version is free.

Toma: Professional Multi-language Sans Font

 

Zaio font

Zaio is an appealing font that features rounded corners for its numeric, symbols, and uppercase characters which provide support for multiple languages by featuring several accents.

Zaio: Rounded Corners Uppercase Font

 

Abyssopelagic font

Abyssopelagic is a stylish font neatly crafted with thin, straight lines perfect for display text, available in uppercase characters and several glyph symbols.

Abyssopelagic: Stylish Thin Line Typeface

 

Renome PSD

Renome is a nicely crafted restaurant template delivered in PSD format containing all of the page layouts with a very consistent design, yet not going monotone, it also comes with responsive mobile layouts.

Renome: Clean Restaurant PSD Template

 

New Providence template

A professional landing page to feature your mobile applications counting on a clean style for its single page layout available in PSD format file.

New Providence: Modern Landing Page Template

 

tanX theme

A beautiful minimalist WordPress theme that comes along with its PSD template featuring a nice consistent scheme of 5 different professional colors.

TANx: Beautiful Blog WordPress Theme

 

YellowMoon PSD landing page

YellowMoon is a nice template in PSD format for landing page purposes specially designed for web or graphic design agencies featuring a big header and sections for about us, portfolio, clients, and contact us.

YellowMoon: Nice Agency PSD Landing Page

 

Typecore theme

Typecore is an amazing modern WordPress theme for news, magazine or blogging purposes, that features a perfectly organized layout counting on a left sidebar menu for recent and popular posts as well as user comments.

Typecore: Modern News WordPress Theme

 

Slanted theme

Slanted is a nicely designed WordPress theme for blogging purposes that features a material-like profile header small thumbs, normal paginations, and a multipage layout, it is also available on GitHub for collaborating on its future development.

Slanted:  Modern Clean Blogging WordPress Theme

 

Flexible landing page

Flexible is a modern landing page template built with Bootstrap featuring a clean and minimal style, it is totally responsive, smooth scrolling, with a static top navigation bar for its single page layout.

Flexible: Clean Bootstrap Landing Page

 

Visualize template

Visualize is a neatly crafted web template for the portfolio needs of individuals or corporate agencies, featuring a Pinterest-like grid layout for its elements.

Visualize: Nice Responsive Web Portfolio  Template

 

Spotify’s artist page snippet

A great snippet in HTML, CSS, and JavaScript that composes the typical page of an artist in the desktop computer version of the well-known application Spotify.

Spotify’s Artist Page Snippet

 

Tearable Cloth JS snippet

A stunning snippet of JavaScript that simulates the physics of a cloth hanging like a curtain, it even tears apart if you drag on it holding the right click.

Tearable Cloth: Stunning Curtain Physics JS Snippet

 

Mix-blend-mode

A code snippet for overlaying images over colored backgrounds.

Mix-blend-mode: Stylus’s White Background Killer

 

QLOCKTWO

QLOCKTWO is an amazing clock developed in CSS and JavaScript that tells you the time in 5 different languages (English, Spanish, French, Italian, & German) as well as featuring several background colors for you to choose.

QLOCKTWO: CSS & JS Time-telling Clock

 

CSS3-only polaroid effects

A neatly crafted snippet that recreates the effect of polaroid paper, when you hover over the photo-like framed containers, the grayscale photos become colorful as they twist and lift a bit.

CSS3-Only Polaroid Effects

 

Pure CSS overlay slider

An amazing purely CSS crafted slider that features smooth and eased sliding effects as you change between its elements.

Pure CSS Slide-in Overlay Slider

 

MongoDB resources, libraries, tools, and applications list

Check out this amazing list of curated resources, libraries, tools, and applications for MongoDB totally organized and categorized in a GitHub repository which makes it open source and, of course, always up-to-date.

Awesome MongoDB Resources, Libraries, Tools, & Applications List

 

Privacy: in-browser Credit Cards

Privacy really is a useful browser extension for Google Chrome for those out there who love buying online. Simply configure your credit card and pick the card you want to use at the moment of the purchase to populate the payment forms with the correct information.

Privacy: Your On-browser Credit Cards

 

Outline Mail

Outline Mail is an intuitive email framework that counts on stacks of fully trusted responsive components that provide you stunning HTML email projects.

Outline Mail: Easy HTML Email Templates

 

Foundation for Emails 2

An amazing framework for generating email campaigns with either CSS or Sass (NodeJS required) to get started. Your email templates will work out to be responsive, even in Outlook!

Foundation for Emails 2: Responsive Email Framework

 

WordPress Development Kit

WPDK is a framework written for the WordPress environment in PHP that allows you to improve the kernel and enhances its base functions and classes in order to make productive, solid and easy to maintain the creation and the evolution of your plugins and themes.

WPDK: WordPress Development Kit

 

Herbert WordPress plugin framework

Herbert is a great structured and standardized framework that allows you to create plugins for WordPress counting on a very organic documentation, and a GitHub repository.

Herbert: Structured WordPress Plugin Framework

 

Superpowers, open source game making environment

Superpowers is an amazing HTML5 development environment that allows you to make games in both 2D and 3D, it can be extended with plugins and supports real-time collaboration.

Superpowers: 2D & 3D Open Source Game Making Environment

 

Chrome development tools & resources

An awesome collection of development tools and resources for Chrome including learning, NodeJS, debugging protocol, network inspection, multimedia, and stacks more topics.

Awesome Chrome Development Tools & Resources

 

JS-Bits

A unique collection of JavaScript concepts explained directly by code counting on several topics such as arrays, DOM, currying, Event Handling, Mixins, Shim, Polyfill, and Money paths, and stacks more to see.

Js-bits: JavaScript Concepts with Code Collection

 

Administrate

Administrate is a framework for creating flexible yet powerful administrator dashboards in Rails, it is currently a pre-1.0 version hence, it may have occasional breaking changes to the API.

Administrate: Super-flexible Admin Dashboard on Rails Engine

 

Free web development courses

An amazing resource for those out there craving knowledge from scratch on web development, especially on front-end design and construction.

CSS-Tricks’ Lodge: Free Web Developing Courses

 

Transformable hamburger buttons

A set of stunning CSS hamburger buttons that smoothly transform into different shapes as you click on them in several different ways.

Hamburgers: Transformable CSS Buttons

 

Filterizr

Filterizr is a cool jQuery plugin that allows you to search, sort, shuffle, and apply stunning filters over responsive galleries using CSS3 transitions.

Filterizr: Responsive Galleries Custom Filters

 

Hocus-Pocus

Hocus-Pocus is a Sass framework inspired by Primer and IntuitCSS that aims to make a universal and lightweight stylesheet starter kit counting on the most common features so that you can change the look of every single component, disable some features and more.

Hocus-Pocus: Design-less Sass Framework

 

Superplaceholder.js

superplaceholder.js is an amazing library that allows you to bring your input placeholders to life by cycling multiple instructions in a single input placeholder supporting AMD and commonJS.

Superplaceholder.js: Super Charge Your Input Placeholders

 

Stellar

Stellar is an amazing LESS library that allows you to scaffold your web application by just importing, saving yourself quite a bit of time.

Stellar: Boosting WebbApp Building LESS Library

 

Basil.js

A JavaScript unified local storage, cookie and session storage API that aims to ease the frontend storage management for developers allowing bulletproof handling of disabled cookies, full localStorage, and other unwanted native storage exceptions.

Basil.js: The Missing Javascript Smart Persistent Layer

 

Min

Min is a very inclusive CSS framework that supports even 5.5 versions of Internet Explorer, as well as FF3 , Opera 9 , and Safari 4 , unlike bootstrap, it doesn’t prescribe a certain design for you and it features clear and short class names.

 

Min:  Lightweight CSS Framework for IE5.5

 

Lavalamp.js

Lavalamp is an amazing replacement for the so commonly used infinite scroll that smoothly loads previews and next pages as you click on top or bottom bars respectively.

Lavalamp.js: A Replacement for Infinite Scrolling

 

Attendize

Attendize is a great open-source and self-hosted ticket selling and event management platform that features beautiful mobile friendly event pages, easy attendee management, data export, the ability to manage unlimited organizers / events, and stacks more.

Attendize: Ticket Selling & Event Management Platform

 

Atrament.js

Atrament.js is a great JavaScript library that allows you to draw and handwrite directly into HTML canvas, you can clean the canvas, change the thickness, color, and opacity of the brush, toggle between erase, draw or smoothing modes, and more.

Atrament.js: Tiny HTML Canvas JS Drawing and Handwriting

 

Circuit.js

Circuit.js is an amazing electronic circuit simulator that is run in the browser originally written by Paul Falstad as a Java Applet.

Circuit.js: InBrowser Electronic Circuit Simulator
Aa