Character of web design trends

Web Design Trends # 23

Image Distortion Effects with SVG Filters | CSS Effects Snippets | Build Modern JAMstack Websites in Minutes | Colourise your black and white photos | HSV color picker | Gradient Joy | An illustrated avatar generator | A Live CSS Editor for Chrome | Lax.js | Lightweight UI components for Vue.js based on Bulma | MI Travel – Free Sketch Template | Nutrifit Landing Page

resources

CSS Effects Snippets

CSS Effects Snippets

A collection of CSS effects made with Vue.js.

Build Websites

Build Websites

Build Modern JAMstack Websites in Minutes. Combine any Theme, Site Generator and CMS without complicated integrations.

Colourise your black and white photos

Colourise your black and white photos

A deep learning colouriser prototype specifically for old Singaporean photos

HSV color picker

HSV color picker

An HSV color picker widget for JavaScript, with a modern SVG-based user interface

Gradient Joy

Gradient Joy

Beautiful gradients as placeholder images just for you

An illustrated avatar generator

An illustrated avatar generator

Joe Schmoe is a free, illustrated avatar generator. It is mostly used as a profile picture placeholder for design mocks or on live websites for users who haven't updated their picture yet.

A Live CSS Editor for Chrome

A Live CSS Editor for Chrome

A live CSS editor for writing user style sheets. Customize your favorite sites, save and sync your styles.

Lax.js

Lax.js

Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!

Buefy

Buefy

Lightweight UI components for Vue.js based on Bulma

freebies

MI Travel - Free Sketch Template

MI Travel - Free Sketch Template

MI Travel is a sketch blog template to help you build a clean blog style for travel website or creative blog. There are 6 artboards included in the design. The artboard is fully editable, layered, carefully organized.

Charts – Free Design System for Sketch

Charts – Free Design System for Sketch

The most comprehensive collection of charts, graphs and diagrams for Sketch

Nutrifit Landing Page

Nutrifit Landing Page

Nutrifit Landing Page/Funnel Adobe Xd Free Template

development

Image Distortion Effects with SVG Filters

Image Distortion Effects with SVG Filters

Three distortion effects powered by SVG filters that are applied to an image when hovering a link.

Latest Issues

Never miss an issue of web design newsletter. Subscribe!


Subscribe

Web Design Trends, Web Resources & Inspiration