SVG

4 videos across 3 channels

SVG powers interactive, high-fidelity visuals in modern web design, from shader-driven backgrounds and vector-based graphics in Framer to seamless animation workflows that bring Illustrator assets to life on the canvas. The videos show how to import scalable assets, build responsive scenes with interactive hover and looping animations, and publish live sites, all while weighing web performance through image formats like WEBP and AVIF for smaller file sizes without sacrificing quality.

This feels like cheating thumbnail

This feels like cheating

The video demonstrates how Framer's real-time shaders can elevate designs by adding gradient, image, and effect animatio

00:06:13
Framer Shaders are SICK - How I use them thumbnail

Framer Shaders are SICK - How I use them

The video demonstrates how to build a Framer project using the new shader features, showing practical steps to create a

00:11:13
Learn Framer animation in 8 minutes (step-by-step) thumbnail

Learn Framer animation in 8 minutes (step-by-step)

The video demonstrates how to bring Illustrator assets into Framer, set up a canvas, and create interactive animations i

00:08:43
Ranking the best Image Formats thumbnail

Ranking the best Image Formats

The video compares image formats from legacy BMP to modern AVIF, explaining how compression, transparency, and suitabili

00:18:48