Topic Archives

SVG

10+ Best Free Feminine Logo Template Collections for Designers

10+ Best Free Feminine Logo Template Collections for Designers

A collection of the best free feminine logo templates – EPS, AI & PSD – that you can use as a starting point on your next logo project.

15+ Best Free Restaurant Menu Templates for Photoshop & Illustrator in 2025

15+ Best Free Restaurant Menu Templates for Photoshop & Illustrator in 2025

A curated collection of free restaurant & coffee shop menu templates (AI, EPS & Photoshop PSD). You’ll find the menu for your eatery here!

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

10 CSS, JavaScript & SVG Snippets for Creating Logos

10 CSS, JavaScript & SVG Snippets for Creating Logos

We take a look at 10 examples of logo design built with CSS, JavaScript and SVG. Some are originals, others are from well-known brands. All are amazing!

10 CSS & JavaScript Snippets for Page Transition Effects

10 CSS & JavaScript Snippets for Page Transition Effects

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

8 CSS & JavaScript Snippets for Making the Search Field Sexy

8 CSS & JavaScript Snippets for Making the Search Field Sexy

From simple CSS enhancements all the way to JavaScript-infused UIs, this collection of snippets will take the humble search field up a notch.

The 10 Best SVG Filter Resources & Tutorials

The 10 Best SVG Filter Resources & Tutorials

CSS

A collection of the most useful SVG filter resources and tutorials you can use on your projects and designs today.

Fun Examples of SVG Shape Usage in Web Design

Fun Examples of SVG Shape Usage in Web Design

Learn how SVG shapes can enhance web design, offering scalable, responsive, and visually appealing elements for modern websites.

Free Transport Icon Set (50 Icons in SVG & PNG Formats)

Free Transport Icon Set (50 Icons in SVG & PNG Formats)

These free transport icons are 100% customizable, all colors are editable and come in both SVG & PNG. Use in personal and commercial projects.

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

8 Stunning CSS & JavaScript Animated Code Snippets for Enhancing Illustrations

We have a collection of CSS & JS snippets that take illustrations to the next level. Each one is editable, so feel free to play around with the code.

10 Free CSS & JavaScript Select Box Snippets

10 Free CSS & JavaScript Select Box Snippets

We’ve curated a collection of our favorite JavaScript and CSS select box styles. They’re all easy to setup and even easier to restyle for your own purposes.

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web development. I’ve scoured the web…

12 Landscape Scenes Built Entirely With CSS & SVG

12 Landscape Scenes Built Entirely With CSS & SVG

You can do some pretty amazing things with SVGs, including creating impressive landscapes just like the free to use snippets we share here.

10 Magnificent Code Examples of Morphing SVGs

10 Magnificent Code Examples of Morphing SVGs

These examples show that morphing effects can be useful. Sure, they can be silly and fun, but can also serve as a means to subtly attract a user’s attention

10 Examples of Generating Randomness with Code

10 Examples of Generating Randomness with Code

Since the very first programming languages, coders have used them to generate things at random. While common examples such as numbers and letters immediately come to mind, there is so…

Useful Tools To Boost Your SVG Workflow

Useful Tools To Boost Your SVG Workflow

SVG, or “scalable vector graphics”, is an XML markup language used to describe 2D graphics. It’s a W3C recommendation, and is designed to work with other W3C standards like CSS…

Getting Started with Inline SVG

Getting Started with Inline SVG