New Web Design and Development Resources


Hello there folks! This month’s freebies are supercharged with amazing web resources such as a set of T-Shirt mockup templates, the second version of the cute cartoon characters generator, an artistic collection of mobile UI screens, a professional looking invoice print template,some amazing PSD templates of websites for inspiration, frameworks for CLI, mobile development, and more.

As always, I’ve included a few articles that will revamp your skills regarding typography selection and general website building. So don’t wait any longer! Dive in and discover all these resources we’ve picked for you.

Huge T-Shirts Mockup Templates Pack

An amazing set of mockup templates for T-shirts, sweaters, and hoodies available in PSD format for branding purposes featuring smart objects for advanced customization.

Huge T-Shirts Mockup Templates Pack

Cute Cartoon Character Generator V2 (1800 Items)

A stunning set of 1800 different scalable and editable vector items like facial expressions, freckles, accessories, and more, for generating cute cartoon avatars and characters available in both PSD and Ai format files.

Cute Cartoon Character Generator V2

Mobile UI Kits Collection

A great collection of UI kits for mobile devices collected from all across the internet featuring several styles such as flat, material, and clean, as well as several categories like for restaurants, magazine, eCommerce, travel, and more.

Mobile UI Kits Collection

Noir: Professional Invoice Template

A neatly crafted invoice template that features regular spaced and tilted line-shaded sections for its separators and blank areas as well as a perfect combination of serif and sans-serif fonts that provides your branding with an utterly professional style.

Noir: Professional Invoice Template

Retro Wood Photoshop Text Effect Styles

An amazing set of 4 PhotoShop text effects through text layer styles to give your texts a stunning vintage style.

Retro Wood Photoshop Text Effect Styles

16 PSD Web Badges Set

A cool set that contains 16 badges delivered in PSD format and includes the fonts they were created with. You’ll find badges for buy now, on sale, best choice, and more.

16 PSD Web Badges Set

Vector Circular Logos And Badges Set

Aa amazing set of 10 minimal style fully editable and scalable circular logos and badges that come available in vector Ai, EPS, and PDF format.

Vector Circular Logos And Badges Set

Digital Glitch Text Effect

An amazing text effect for Photoshop that allows you to give your texts a realistic TV noise-like distortion through smart object layers counting on 2 versions of the effect.

Digital Glitch Text Effect

Timbre.js: Functional Audio Processing & Synthesizing

Timbre.js is a JavaScript functional audio processing and synthesizing system for your web apps in a jQuery/nodeJS-like mode. It counts on many Timbre Objects that connected together to define the graph-based routing for overall audio rendering.


Zoom.js: jQuery Version of Medium’s Image Zoom

Zoom.js is a jQuery version that simulates to detail Medium’s image zoom functionality by lifting it forward in a nice transition as its overlay smoothly fades white.


Cory: Tiny Generator for Static Sites

Create static sites taking advantage of the amazing stack in the JavaScript universe, Cory combines clean, logic-less handlebars templates and markdown files counting on a straightforward development workflow.


Viewer.js: JavaScript Image Gallery Viewer

A highly useful image gallery viewer developed in JavaScript that features several functionalities like zoom, rotate, flip, and full screen, inline, and full window overlay presentation.

Viewer.js Cross-Device Automated Acceptance Testing

Calabash is a developing tool for mobile devices that allows you to execute automated acceptance tests of applications in Android in iOS consisting of libraries that enable test code to interact programmatically with native and hybrid apps.


DPM: Sketch Plugins Package Manager

DPM is a package manager for Sketch plugins that allows you to simply keep plugins synchronized across teams and devices.


Megamenu-js: Responsive Mega-menu

Quite a useful megamenu developed in JavaScript that features cross-browser compatibility, has no classes for dropdowns or lists, 100% responsive functionality, seamless WordPress integration, and much more.


iPhone Guideline Crafted Animal Icons

A huge set of over 5,000 mesmerizing animal icons in solid style crafted under the iPhone icons’ guidelines available in vector PSD format.

Animal Icons

Colossal Vector Mobile Icons Bundle

A colossal collection of 26k vector icons sorted out in 6 different styles for several mobile devices, you’ll find icons for Windows Phone (Win8 & Win10), Android (Classic & Material), iPhone and general Line & Outline styles.

Mobile Icons

Home Appliance & Real Estate Icons

An amazing set of 72 icons related to home appliances and real estate items delivered in Ai, CSH, EPS, SVG, Webfont, and Sketch format files.

Home Appliance & Real Estate Icons

Vorpal: Command-line Interface JavaScript Framework

Vorpal is a framework that allows you to build mature and immersive applications in JavaScript Language in the command-line interface featuring simple syntax, built-in tabbed autocompletion, persistent command history, and more.


Rikulo UI: Web and Mobile Dart Framework

Rikulo is a user interface dart framework for mobile devices that features structured UI model, responsive UX across touch devices, MVC architecture, Cordova/PhoneGap integration, and more.

Rikulo UI

MJML: Responsive Email Framework

MJML is a markup language design to reduce dramatically the pain of coding for responsive e-mail newsletters by featuring a highly semantic syntax that makes everything be pretty straightforward and fast.


TruckJS: Mobile Apps Framework

TruckJS is a framework to help you build your mobile devices web applications by using platform-specific themes featuring encapsulating models for automatic views updating, as well as mediators, templates, components, and more.


StringBean: The 4K Featherweight Framework

StringBean is a CSS framework based on a 16-point system, rather than the traditional Bootstrap’s 12-point one featuring several breakpoint resolutions for better performance in bigger screens.


GrapesJS: Open Source Web Template Editor

GrapeJS is a free and open source web template editor that requires no code at all, allowing you to create websites completely effortlessly through simple and intuitive UI control elements and selectors.


Resizer: Google’s Responsivity Check Web Tool

Resizer is a Google’s web tool that allows you to simultaneously check the responsivity of your website in three different screens being these a laptop, a tablet, and a phone screen.


Direction-aware 3D Hover Effect (Concept)

A snippet that allows you generating a CSS description overlayer through 3D rotate effect on hover event that features direction awareness for grid layouts.

Direction-aware 3D Hover Effect

Cool Material Design Navigation Hover Effect

A nice hover effect for navigation menus that highlights each of the elements as you hover over them with a smooth transition of color change and underline sliding.

Cool Material Design Navigation Hover Effect

Wavescroll: Strip-Draggable Background

a new concept of page-by-page scroll transition that splits the background image of each page into regular width strips. You can either scroll with the wheel or drag the strips from any spot.


Social Share Expanding Button

A cool Material Designed First button that expands in a colossal white circle which contains nice circular social sharing buttons.

Social Share Expanding Button

Bulletproof Centering in HTML Emails

A great article that gives you exceptionally valuable tips for centering email campaigns through pure HTML explaining how to do it individually for texts, containers, images, buttons, and multiple buttons or images.

Bulletproof Centering in HTML Emails

Choosing and Pairing Typefaces for Cookbooks (Article)

An ultra valuable article that shows you step by step what to take in account and what to focus the most on when picking pairing of fonts for cookbooks

Choosing and Pairing Typefaces for Cookbooks

101 Ways to Make Your Website More Awesome (Article)

A truly awesome step-by-step guide stuffed with valuable tips to make of your website an awesome one, you’ll find tips for branding, typography, layouts, UI, UX, development, SEO, speed, graphic design, security, content, and social media.

101 Ways to Make Your Website More Awesome

QUOTES: Multipurpose Website PSD Template

QUOTES is a neatly crafted template for websites of multiple purposes that features a nice clean style featuring big thumbnails and post featured images, it also includes an eCommerce section.

Quotes Template

iOS-style Landing Page Sketch Template

Quite an impressive landing page template delivered in Sketch format that features nice blurred background for its minimal and clean content with professional style fonts and transparent background elements.

iOS-style Landing Page Sketch Template

Creative Portfolio PSD Template

A creative layout template for portfolio websites that features a clean style with flat elements, regular and masonry grids, as well as the basic extra pages layouts, all of them counting on organized layers.

Creative Portfolio PSD Template

Craft Lance: Modern One Page PSD Template

A neatly crafted one-page template in PSD format that features a flat style for its full-width layout composed of a top navigation bar, header and community sign up, pricing tables, features, and footer sections.

Craft Lance Template


As always we have tried to bring you the new free stuff that will be of the most interest, and as always, we hope you have found some things here that are worthwhile for you.

The post New Web Design and Development Resources: #15 February Edition appeared first on onextrapixel