Character of web design trends

Web Design Trends #53

The Hero Generator | A free SVG wave generator | StyleShat – inspect, edit, and save CSS styles | Animated icon pack | Gradient Abstract Textures | Morphing Gooey Text Hover Effect | Creative Hover Effects 

headlines

The Hero Generator

The Hero Generator

Generates the code for a website header.


headlines

tools

Create SVG waves for your next design

Create SVG waves for your next design

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!


tools
Stylestash - inspect, edit, and save CSS into browser

Stylestash - inspect, edit, and save CSS into browser

Inspect, edit, and save CSS styles on any web page. Live preview your saved styles on any element to see what they look like in real-time, all from inside your browser.


tools

resources

Flight, an animated icon pack

Flight, an animated icon pack

Flight is an animated icon pack built for iOS, Android, Web.


resources

freebies

Gradient Abstract Textures

Gradient Abstract Textures

Introducing a versatile collection of 10 vivid gradients. Use them as whole texture pieces or cut any piece you need to create a pattern. Any abstract design project such as website backgrounds, posters or brochure design, print-ready materials can benefit from this mighty kit!


freebies

development

Morphing Gooey Text Hover Effect

Morphing Gooey Text Hover Effect

Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.


development
Creative Hover Effects - Gradient

Creative Hover Effects - Gradient

A creative hover effects for your inspiration. A pen by Vincent Will


development
Creative Hover Effects - Wave

Creative Hover Effects - Wave

A creative hover effects for your inspiration. A pen by Vincent Will


development

Latest Issues

Never miss an issue of web design newsletter. Subscribe!


Subscribe

Web Design Trends, Web Resources & Inspiration


.