SVG Design Inspiration - HTML & CSS Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

Hand-drawn underline effect for links

Remember how you used to mark important bits of text in books or notes by drawing underlines in them? Now you can create that same effect for text or...

hand drawn hover animation link SVG

Creepy Squiggly Text Effect with SVG

Check out this eerie glitch text effect by Lucas Bebber. If you have a horror inspired page or you need something for halloween, then this SVG snippet will be...

distortion effect halloween SVG text animation

Hover to lift Fog of War and Reveal Gallery Images

Do you want o hide your image gallery and only reveal the images on hover? This is the perfect snippet for you, it lifts the dark background to reveal...

animation hidden content hover animation image effects image gallery SVG

Rotating Pizza Slice Preloader

In this SVG preloader, you have a slice of pizza that keeps spinning and it will look perfect on food-related websites. Designed using GSAP by Chris Gannon.

food inspired gsap loading animation SVG

Progress Bars with Patterns

This particular snippet by Luca Gesmundo has got various SVG patterns to fill the progress bar which looks really cool. This will look great on modern colourful websites. If you need to get...

pattern progress bar SVG

Pages: 1234567891011Last Page

scroll to top

53 svg UI Design

HTML, CSS Code Snippets for SVG