Character of web design trends

Web Design Trends #47

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

headlines

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

headlines

freebies

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.

freebies
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.

freebies

tools

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.

tools
LayoutIt - CSS Grid Generator

LayoutIt - CSS Grid Generator

CSS Grid Generator

tools
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.

tools

resources

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.

resources
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!

resources

development

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.

development
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.

development

Latest Issues

Never miss an issue of web design newsletter. Subscribe!

element 01

ISSUE # 72

element 01

ISSUE # 71

element 01

ISSUE # 70

element 01

ISSUE # 69

element 01

ISSUE # 68

element 01

ISSUE # 67

Subscribe

Web Design Trends, Web Resources & Inspiration

.