30 CSS & SVG Typography Effects 2020

If you need to make sure that you have the kind of eye-catching site that makes people curious to keep reading then a great way to make your site more interactive is through the use of animations. Typography animations in CSS and SVG are an effective way to bring your website into the future. So here in this post I’ve collected 30 CSS & SVG Typography Effects 2020 for inspiration to create cool text animations that you can use to demonstrate products and services, display brand style, create mood, and even lead the user through a story.

22 Free Tools for Working with SVG

When it comes to images, graphics and visual content, there is one file format that is going to take off eventually – SVG. It is a file format that allows you to display vector images on your website. This means that you can scale an SVG image up and down as needed without losing any quality, making it a great choice for responsive web design. In this post, we`ve put together collection of useful free tools for working with SVG files.

15 Free SVG & CSS Background Pattern Resources

Background patterns can be used in website design or any other form of work which includes designing. But designing custom SVG and CSS from scratch is no easy task. So here are 15 SVG & CSS Background Pattern Resources that will allow you to generate and download SVG images to use in CSS backgrounds for website and graphic design.

25 Useful Social Sharing Icons & Buttons

Finding social sharing icons for your web projects can be a time consuming search. So In this post I`ve featured 25 Useful Social Sharing Icons & Buttons that provide free icons in varied sizes and formats to suit your every need when working on web design project!

25 Interesting Techniques To Use CSS & SVG Shapes

CSS and SVG Shapes are awesome because of its simplicity and the dramatic difference it can make when used properly. There are some CSS properties that change the shape of items like shape-outside that lets you wrap text that conforms to the shape of your image. So here are 25 Interesting Techniques To Use CSS & SVG Shapes to demonstrate how CSS ans SVG are used to create some cool design layouts.

25 Cool Fonts That Look Like Real Paint Brush

Opentype-SVG bitmap fonts have really taken off over the last months. No wonder, they look amazing! So in this post I`ve put together 25 Cool SVG Fonts That Look Like Real Paint Brush that totally kicking ass at the moment.

21 Free Colorful Color Fonts

Color fonts are basically SVG data stored in OpenType fonts. This allows the display of multiple colors, gradients, shades and even transparency in a single glyph. Tons of us have already been using color fonts for years. We just never noticed or given it more thought. Emojis are Color Fonts and we have been using them. So in this post I`ve gathered 21 color fonts that are available for free download.

40 Awesome CSS & SVG Icon Animations

Icons are playing a major role in website designing. Designers are constantly focusing on icons, because they are very important for any website. Animation is a very powerful tool. It can be applied to almost anything including user interfaces. Together with the high quality of icons animation helps to create a seamless, positive experience from nice and easy interactions. So in this post we`ve compiled 40 Awesome CSS & SVG Icon Animations to help you and your design team find some inspiration!