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.


resources
Build Websites

Build Websites

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


resources
Colourise your black and white photos

Colourise your black and white photos

A deep learning colouriser prototype specifically for old Singaporean photos


resources
HSV color picker

HSV color picker

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


resources
Gradient Joy

Gradient Joy

Beautiful gradients as placeholder images just for you


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


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


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


resources
Buefy

Buefy

Lightweight UI components for Vue.js based on Bulma


resources

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.


freebies
Charts – Free Design System for Sketch

Charts – Free Design System for Sketch

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


freebies
Nutrifit Landing Page

Nutrifit Landing Page

Nutrifit Landing Page/Funnel Adobe Xd Free Template


freebies

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.


development

Latest Issues

Never miss an issue of web design newsletter. Subscribe!


Subscribe

Web Design Trends, Web Resources & Inspiration


.