Character of web design trends

Web Design Trends #47

Web Design Newsletter

Organize SVG icons | Open Peeps - a hand-drawn illustration library | WebGradients - free collection of linear gradient | LottieFiles - free animation files | LayoutIt - CSS Grid Generator | DraftXR | FluidType Content | Paged.js - create PDF output from any HTML content | Revealing Hero Effect | Buttono - create nice buttons in an easy way

Organize SVG icons in one place

Organize SVG icons in one place

Free, cross-platform and fast SVG icon organizer app for designers, developers or product teams. Works on both Mac and Windows

Open Peeps - a hand-drawn illustration library

Open Peeps - a hand-drawn illustration library

The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps.

WebGradients - free collection of 180 linear gradient

WebGradients - free collection of 180 linear gradient

180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.

LottieFiles - free animation files

LottieFiles - free animation files

Lottie animations and the tools you need to test and perfect them. Simply edit and ship your animations in just a few clicks.

LayoutIt - CSS Grid Generator

LayoutIt - CSS Grid Generator

CSS Grid Generator

DraftXR - Instant VR Prototyping in Adobe XD

DraftXR - Instant VR Prototyping in Adobe XD

Design in 2D like you always do. DraftXR lets you to design for VR without the pain of compiling and running code or VR programs. Test instantly in the browser or any WebVR compatible HMD. Designed for Adobe XD.

Fluid, flexible & simple typography

Fluid, flexible & simple typography

This small CSS library serves to avoid the responsive web by focusing on pure fluidity in which the system communicates what size to be rendered. Recommend to be used for blogs, portfolios, documentation & and simplistic text websites.

Paged.js - create PDF output from any HTML content

Paged.js - create PDF output from any HTML content

Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!

Revealing Hero Effect

Revealing Hero Effect

In this tutorial, we will show how to create a section that reveals its content when the previous element scrolls away.

Buttono - create nice buttons in an easy way

Buttono - create nice buttons in an easy way

Buttono is a Sass mixin based on BEM naming convention. It helps you to create nice buttons in an easy way.

Latest Issues

Never miss an issue of web design newsletter. Subscribe!

Testimnial

What others are saying...

My Wife - avatar
Lu
(My Wife)
Website Design Inspiration... Make sure you’re signed up for next weeks.

Star svg Star svg Star svg Star svg Star svg
My Dog - avatar
Cleo
(My Dog)
A great source for being updated with current trends in web design. Give me a cookie!

Star svg Star svg Star svg Star svg Star svg
The Box - avatar
Purple Octopus
(The Boss)
Thanks for share the most helpful and useful resources for web designers.

Star svg Star svg Star svg Star svg Star svg

Subscribe to Newsletter

Web Design Tools, Web Resources, Creative, Animation, Articles, Video, Codepen & Inspiration

.